如何使用html控件（如标签）附加Html5选择（下拉列表）

Question

我有一个下拉列表

<select id="dllSec" onchange="SaveQuestionValues(this);">
               <option value="select">select</option>
               <option value="No">No</option>
               <option value="Yes">YES</option>
           </select>

  

我克隆了它。

var cloneSecQues = $("#dllSec").clone();

  

现在，如果我在没有任何html控件的情况下附加它，它就可以正常工作。比如

$("#SecQuestions").append(cloneSecQues);

  

但我无法用html controls.like

附加它

$("#SecQuestions").append('<label id="lblAsk">'+cloneSecQues+'<label>');

  

显示[object Object]

Answer 1

使用outerHTML字符串，现在您将Jquery object与string连接起来，

$("#SecQuestions").append('<label id="lblAsk">' + cloneSecQues[0].outerHTML + '<label>');

或者你可以这样做，

$("#SecQuestions").append($('<label id="lblAsk"><label>').append(cloneSecQues));

Procedural demo