使用Jquery添加Html按鈕和Onclick？

Question

這是我正在嘗試做的。

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); 
} 

降序處於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，使其讀取爲單個字符串。

謝謝。

Answer 1

把它傳遞給函數作爲一個字符串包圍在單引號您的onclick方法和雙引號的值（單總是先雙）：

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. 
} 

Answer 2

您需要在onClick屬性中加上引號，否則將每組數字視爲屬性而不是值。您的按鈕代碼應該是這樣的：

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