47

如何在锚OnClick事件中分隔 Javascript 数据绑定字符串参数？

  • 我在 ASP.NET 中继器控件中有一个锚标记。
  • OnClick锚点事件包含对 Javascript 函数的调用。
  • Javascript 函数接受一个字符串作为其输入参数。
  • 字符串参数使用来自中继器的数据绑定值填充。

我需要Container.DataItem.
我需要OnClick.

而且对于 Javascript 函数调用的输入字符串参数，我还需要一个分隔符（三引号？）。

由于我不能再次使用“单引号”，如何确保 Javascript 函数知道输入参数是字符串而不是整数？

如果没有围绕输入字符串参数的额外引号，Javascript 函数会认为我正在传递一个整数。

锚点：

<a id="aShowHide" onclick='ToggleDisplay(<%# DataBinder.Eval(Container.DataItem, "JobCode") %>);' >Show/Hide</a>

还有我的 Javascript：

<script language="JavaScript" type="text/javascript">
/* Shows/Hides the Jobs Div */
function ToggleDisplay(jobCode)
{
    /* Each div has its ID set dynamically ('d' plus the JobCode) */
    var elem = document.getElementById('d' + jobCode);

    if (elem) 
    {
        if (elem.style.display != 'block') 
        {
            elem.style.display = 'block';
            elem.style.visibility = 'visible';
        } 
        else
        {
            elem.style.display = 'none';
            elem.style.visibility = 'hidden';
        }
    }
}
</script>
4

5 回答 5

32

我最近遇到了类似的问题，解决它的唯一方法是对单&#39;引号 ( ) 和双引号 ( &#34;) 使用普通的旧 HTML 代码。

源代码当然是一团糟，但它确实有效。

尝试

<a id="aShowHide" onclick='ToggleDisplay(&#34;<%# DataBinder.Eval(Container.DataItem, "JobCode") %>&#34;);'>Show/Hide</a>

或者

<a id="aShowHide" onclick='ToggleDisplay(&#39;<%# DataBinder.Eval(Container.DataItem, "JobCode") %>&#39;);'>Show/Hide</a>
于 2008-08-05T04:28:21.983 回答
6 
onclick='javascript:ToggleDisplay("<%# DataBinder.Eval(Container.DataItem, "JobCode")%> "); '

像上面一样使用。

于 2009-04-28T15:11:16.407 回答
3

如果没有围绕输入字符串参数的额外引号，Javascript 函数会认为我正在传递一个整数。

你能做一些基本的字符串函数来强制 JavaScript 把它变成一个字符串吗？像

value = value + ""
于 2008-08-05T04:08:18.983 回答
1

尝试将额外的文本放在服务器端脚本块中并连接。

onclick='<%# "ToggleDisplay(""" &  DataBinder.Eval(Container.DataItem, "JobCode") & """);" %>'

编辑：我很确定您也可以在脚本块之外使用双引号。

于 2008-08-05T04:19:36.853 回答
1

将变量传递给没有单引号或双引号的函数

<html>
    <head>
    </head>
    <body>
        <script language="javascript">
        function hello(id, bu)
        {
            alert(id+ bu);
        }
        </script>
        <a href ="javascript:
            var x = &#34;12&#34;;
            var y = &#34;fmo&#34;;
            hello(x,y)">test</a>
    </body>
</html>
于 2009-03-12T01:12:16.847 回答