如何在附加的 html 中的字符串上連接 javascript 函數中的參數字符串？

Question

這是我的 html 代碼

 <div id="content"></div> 

然后我將一個輸入附加到#content：

 $( document ).ready(function() {
  // Handler for .ready() called.
       var parameter = "<p>Hola</p>";
       $("#content").append('<div><p>click the button</p>'+
                     '<input type="submit" name="submit_answers" value="Submit" onclick="getValue();" >'+  
                     '<input type="submit" name="submit_answers" value="Submit" onclick="'+getValue2(parameter)+'" >'+                        
                     '</div>');
});

function getValue2(parameter){
    alert(parameter);
}

function getValue(){
    alert("Hola");
}

第一個輸入效果很好，但文檔准備好后第二個輸入不起作用。 在這種情況下聲明函數的更好方法是什么？

Answer 1

你可以試試這個：

'<input type="submit" name="submit_answers" value="Submit" onclick="getValue2(\'' + parameter + '\');" >'

Answer 2

你可以這樣做：

onclick="getValue2("' + parameter + '")"

但這樣的事情會更好：

var $div = $('<div><p>click the botton</p></div>');
var $button = $('<input type="submit" name="submit_answers" value="Submit">')
    .data('parameter', parameter)
    .click(function () {
        getValue2($(this).data('parameter'));
    }).appendTo($div);

$("#content").append($div);

Answer 3

我想你可能只是沒有正確分離。

試試這個例子：

onclick= "mySup(\''+json.id+'\',\''+json.description+'\');"

Answer 4

嘗試這個 ：

$( document ).ready(function() {
// Handler for .ready() called.
   var parameter = "<p>Hola new</p>";
   $("#content").append('<div><p>click the botton</p>'+
                 '<input type="submit" name="submit_answers" value="Submit" onclick="getValue();" >'+  
                 '<input type="submit" name="submit_answers" value="Submit" onclick="getValue2(\''+parameter+'\');" >'+                        
                 '</div>');
});

Answer 5

第二個輸入應該是這樣的。

'<input type="submit" name="submit_answers" value="Submit" onclick="getValue2('+parameter+')" >'