转意字符问题

今天帮别人解决一个问题， 弄了半天才出来，很郁闷。

<form id="form1" runat="server">

<div class="site_ziliao">

<h3 class="lianxi">

联系方式</h3>

<p class="text_lx">

<b>杭州志方宅配</b><br />

地址：北京市昌平区立汤路188号北方明珠大厦1号楼2301室<br />

邮编：102218

<br />

电话：(+8610)-58608690-840<br />

E-mail： />

</p>

<asp:Literal ID="litTitle" runat="server"></asp:Literal>

</div>

<script type="text/javascript">

function Showdiv(id1, id2, id3, id4) {

document.getElementById(id1 + '_div').style.display = "block";

document.getElementById(id2 + '_div').style.display = "none";

document.getElementById(id3 + '_div').style.display = "none";

document.getElementById(id4 + '_div').style.display = "none";

}

</script>

</form>

后台代码如下。

for (int i = 0; i <4; i++)

{

if (i == 0)

{

litTitle.Text = "<div class='zhiwu' id='div1'><span class='zw_content'>" + i.ToString() + "(" + i.ToString() + "名)</span><span class='mingxi'><a href='#' id='detailed" + i + "' onclick='Showdiv('detailed" + i + "','detailed" + (i + 1) + "','detailed"
+ (i + 2) + "','detailed" + (i + 3) + "')'>查看明细</a></span></div>" + "<div class='text_lx' id='detailed" + i + "_div' style='display: block;'><b >工作职责</b><br />" + i.ToString() + "<br/><b>任职要求</b> <br />" + i.ToString() + "<br/></div>";

}

else

{

litTitle.Text += "<div class='zhiwu' id='div1'><span class='zw_content'>" + i.ToString() + "(" + i.ToString() + "名)</span><span class='mingxi'><a href='#' id='detailed" + i + "' onclick='Showdiv('detailed" + i + "','detailed" + (i + 1) + "','detailed"
+ (i + 2) + "','detailed" + (i + 3) + "')'>查看明细</a></span></div>" + "<div class='text_lx' id='detailed" + i + "_div' style='display: none;'><b >工作职责</b><br />" + i.ToString() + "<br/><b>任职要求</b> <br />" + i.ToString() + "<br/></div>";

}

}

在运行后也不报错，可就是没关效果。

最后修改如下。

for (int i = 0; i < 4; i++)

{

if (i == 0)

{

litTitle.Text = "<div class='zhiwu' id='div1'><span class='zw_content'>" + i.ToString() + "(" + i.ToString() + "名)</span><span class='mingxi'><a href='#' id='detailed" + i + " 'onclick='Showdiv(" + "\"detailed" + i.ToString() + "\"" + ","
+ "\"detailed" + (i + 1).ToString() + "\"" + "," + "\"detailed" + (i + 2).ToString() + "\"" + "," + "\"detailed" + (i + 3).ToString() + "\"" + ")' >查看明细</a></span></div>" + "<div class='text_lx' id='detailed" + i + "_div' style='display: block;'><b >工作职责</b><br
/>" + "abc" + "<br/><b>任职要求</b> <br />" + "cmd" + "<br/></div>";

}

else

{

litTitle.Text += "<div class='zhiwu' id='div1'><span class='zw_content'>" + i.ToString() + "(" + i.ToString() + "名)</span><span class='mingxi'><a href='#' id='detailed" + i + " 'onclick='Showdiv(" + "\"detailed" + i.ToString() + "\"" + ","
+ "\"detailed" + (i + 1).ToString() + "\"" + "," + "\"detailed" + (i + 2).ToString() + "\"" + "," + "\"detailed" + (i + 3).ToString() + "\"" + ")' >查看明细</a></span></div>" + "<div class='text_lx' id='detailed" + i + "_div' style='display: none;'><b >工作职责</b><br
/>" + "cyj123" + "<br/><b>任职要求</b> <br />" + "abc345" + "<br/></div>";

}

}

方法2

修改js

function Showdiv(id1, id2, id3, id4) {

document.getElementById("detailed" + id1 + '_div').style.display = "block";

document.getElementById("detailed" + id2 + '_div').style.display = "none";

document.getElementById("detailed" + id3 + '_div').style.display = "none";

document.getElementById("detailed" + id4 + '_div').style.display = "none";

}

后台如下

litTitle.Text += "<div class='zhiwu' id='div1'><span class='zw_content'>" + i.ToString() + "(" + i.ToString() + "名)</span><span class='mingxi'><a href='#' id='detailed" + i + "' onclick='Showdiv(" + i.ToString() + "," + (i + 1).ToString() + "," + (i + 2).ToString()
+ "," + (i + 3).ToString() + ")'>查看明细</a></span></div>" + "<div class='text_lx' id='detailed" + i + "_div' style='display: none;'><b >工作职责</b><br />" + "cyj123" + "<br/><b>任职要求</b> <br />" + "abc345" + "<br/></div>";

在这里发现在在方法直接传常量可以，但传个像"abc”这样的就不行了，必须要用转移字符"\"detailed" + i.ToString() + "\""