在onclick函数中传递一个字符串参数

我想传递一个参数(即字符串)到Onclick函数。

目前，我是这样做的:

'<input type="button" onClick="gotoNode(' + result.name + ')" />'

例如，result.name = string "Add"。

当我点击这个按钮时，我有一个错误，说“Add is not defined”。由于这个函数调用可以很好地处理数值形参，所以我假设它与字符串中的符号“”有关。

我该如何解决这个问题?

当前回答

试试这个…

HTML:

<button id="a1" type="button" onclick="return a1_onclick('a1')">a1</button>

JavaScript:

<script language="javascript" type="text/javascript">
    function a1_onclick(id) {
        document.getElementById(id).style.backgroundColor = "#F00";
    }
</script>

注意:在HTML代码中，请确保在('a1')等符号之间发送参数

2014-11-26 23:07:10

其他回答

你可以用这个:

'<input id="test" type="button" value="' + result.name + '" />'

$(document).on('click', "#test", function () {
    alert($(this).val());
});

这对我很管用。

2020-05-22 06:40:32

这是一种发送值或对象的好方法。

<!DOCTYPE html>
<html>
    <body>
        <h1  onclick="test('wow',this)">Click on this text!</h1>
        <script>
            var test = function(value,object) {
                object.innerHTML= value;
            };
        </script>
    </body>
</html>

2015-10-30 15:57:21

<!----  script ---->
<script>
function myFunction(x) {
  document.getElementById("demo").style.backgroundColor = x; 
}
</script>

<!---- source ---->
<p id="demo" style="width:20px;height:20px;border:1px solid #ccc"></p>

<!----  buttons & function call ----> 
<a  onClick="myFunction('red')" />RED</a> 
<a  onClick="myFunction('blue')" />BLUE</a> 
<a  onClick="myFunction('black')" />BLACK</a>

2021-01-06 12:10:38

我猜，您正在使用JavaScript本身创建一个按钮。代码中的错误在于，它会以这种形式呈现

<input type="button" onClick="gotoNode(add)" />'

在当前状态下，add将被视为与变量或函数调用类似的标识符。你应该这样转义这个值

'<input type="button" onClick="gotoNode(\'' + result.name + '\')" />'

2012-03-10 02:42:34

如果您正在动态添加按钮或链接，并面临这个问题，那么这可能会有所帮助。我是这样解决的:

var link= $(contentData1[i]).find("td:first font b a").attr("href",'javascript:onClick=openWin(\'' + tdText + '\')');

我是新的HTML, jQuery和JavaScript。也许我的代码没有优化，语法也没有优化，但它对我有用。

2019-09-04 12:35:17

在onclick函数中传递一个字符串参数

推荐文章

最新文章

标签