使用Jquery添加Html按钮和Onclick?

时间:2011-09-28 19:00:01

标签: jquery html

这是我想要做的。

 function showDescription(td)
{
     var desc = $(td).children("input:first").val(); 
     var Button = $('<input type="button" value="Accept" onClick=validateUserInput(' + desc + '); style="float:right;"/>');
     var dlg = $("#div");
     dlg.append(Button);
}

desc的格式为49.595,-126.592 49.620,-126.602 49.642,-126.606

当我检查视图源时,我看到它的格式。

<input type="button" style="float: right;" 49.620,-126.602);=""  49.642,-126.606=""  onclick="validateUserInput(49.595,-126.592" value="something">

如何缩进desc以使其读取为单个字符串。

感谢。

2 个答案:

答案 0 :(得分:0)

您需要在onClick属性周围加上引号,否则它会将每组数字视为属性,而不是值。您的按钮代码应如下所示:

var Button = $('<input type="button" value="Accept" onClick="validateUserInput(' + desc + ');" style="float:right;"/>');

答案 1 :(得分:0)

要将它作为单个字符串传递给函数,用单引号括起你的onclick方法,用双引号括起来的值(单个总是在double之前):

var Button = $('<input type="button" 
                         value="Accept" 
                         onClick=\'validateUserInput("' + desc + '")\';
                         style="float:right;"/>');

如果你想稍后解析它们:

function validateUserInput(string desc)
{
    var descVals = desc.split(',');

    // descVals[0] = "49.595"
    // descVals[1] = "-126.592 49.620"
    // etc.
}