今天帮别人解决一个问题, 弄了半天才出来,很郁闷。
<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 + "' οnclick='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 + "' οnclick='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 + " 'οnclick='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 + " 'οnclick='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 + "' οnclick='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() + "\""