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()