使用jQuery動態添加HTML單選按鈕

Question

作爲jQuery初學者，我遇到了一些表單和動態元素的問題。我知道這裏已經有一些話題，但我已經嘗試了很多東西，沒有任何工作。 只是一個精確的：我正在與Phonegap合作。

它就在那裏。我有一個表單，我必須添加BDD的單選按鈕。我有數據，但無法在頁面上顯示。 這是我的表格。

<form action="form.php" method="post" id="catDec"> 
<div data-role="fieldcontain"> 
    <fieldset data-role="controlgroup" id="field"> 
     <!-- Here I want my set of radio button --> 
    </fieldset> 
     <br/> 
     <div data-role="fieldcontain"> 
      <fieldset data-role="controlgroup"> 
       <select name="selectTest" id="selectTest"> 
        <option value="1">Value1</option> 
        <option value="2">Value2</option> 
        <option value="3">Value3</option> 
       </select> 
      </fieldset> 
     </div><br/> 
     <input type="checkbox" name="cbTest" id="cbTest" class="custom" /> 
     <label for="cbTest">Some random text</label> 
    </fieldset> 
</div> 
<br/><br/> 
<input type="submit" value="Continue" data-icon="arrow-r" ><br/> 

這裏是我的js函數。

tableau[0]="value1"; 
tableau[1]="value2"; 
tableau[2]="value3"; 
tableau[3]="value4"; 

for (var i=1; i<tableau.length-1; i++) { 
    //$("#field").append('<input type="radio" name="rb_catDec" id="'+tableau[i]+'" value="'+tableau[i]+'" checked="checked" />'); 
    //$("#field").append('<label for="'+tableau[i]+'">'+tableau[i]+'</label><br/><br/>'); 
    //$("#field").html('<input type="radio" name="rb_catDec" id="'+tableau[i]+'" value="'+tableau[i]+'" checked="checked" />'); 
    //$("#field").html('<label for="'+tableau[i]+'">'+tableau[i]+'</label><br/><br/>'); 
    $("<input type='radio' value='"+tableau[i]+"' />") 
     .attr("id", tableau[i]) 
     .attr("name", "rb_name") 
     .prependTo("field"); 
} 
//$("#field").reload(); 

那麼，我試着用.append和.html方法。用div來放置這些輸入而沒有。 我想這與我在加載頁面後添加這些事實有關，但我沒有找到一種方式來傳遞它。

有人可以幫助我嗎？

Answer 1

嘗試更換驗證碼：

.prependTo("field"); 

與此：

.prependTo("#field"); 

因爲，要在前面加上所有單選按鈕元素與ID #field不只是選擇field。

參考：.prependTo()