转意字符问题

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

    <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() + "\""