0

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 がある場合とない場合があります。ページの読み込み後にこれらを追加したという事実と関係があると思いますが、それを渡す方法が見つかりません。

誰か助けてくれませんか？

4

1 に答える 1

0

このコードを置き換えてみてください:

.prependTo("field");

これとともに：

.prependTo("#field");

#fieldそのため、セレクターだけでなく、すべてのラジオ ボタンを ID を持つ要素の先頭に追加する必要がありますfield。

参照：.prependTo()

于 2013-08-01T08:11:59.150 に答える