1

次のドロップダウン メニューがあるとします。

<select>
   <option value="10">Apple</option>
   <option value="20">Orange</option>
</select>

<input type="name" />
<input type="price" />

ユーザーがドロップダウン メニューから「オレンジ」を選択した場合、テキスト ボックスの値は次のようになります。

<input type="name" value="Orange" />
<input type="price" value="20" />

または、「Apple」の場合、テキストボックスの値は および である必要がAppleあり10ます。

これは Jquery または Jquery Mobile で可能ですか?

4

4 に答える 4

4

http://jsfiddle.net/f23uP/

$('select').change(function(){

$('input[type=name]').val($('option:selected',this).text());
    $('input[type=price]').val($(this).val());
});
于 2013-04-19T19:30:33.723 に答える
2

jQuery :

$("#s").on("change",function(){
    $("#text").val($(this).children().filter("option:selected").text());
    $("#price").val($(this).val());
});

マークアップ:

<select id="s">
   <option value="10">Apple</option>
   <option value="20">Orange</option>
</select>

<input type="text" id="text" />
<input type="text" id="price" />

jsFiddle : http://jsfiddle.net/hescano/NnsDt/

于 2013-04-19T19:32:00.947 に答える
2

はい

$("select").change(function() {
    var price = this.value;
    var selText = $("select option:selected").text();

    $("input[type='name']").val(selText);
    $("input[type='price']").val(price);
});

そのようなものはうまくいくはずです

于 2013-04-19T19:28:54.120 に答える
2

入力の種類について少し混乱していると思います。このMDN リンクが役立ちます。

私があなたを正しく理解していれば、選択から値とラベルを取得して、対応するテキストボックスに保存する必要があります。これが私の解決策です：

HTML:

<select id="fruit">
   <option></option>
   <option value="10">Apple</option>
   <option value="20">Orange</option>
</select>

<input type="text" id="name" />
<input type="text" id="price" />

jQuery:

$("#fruit").change(function() {
     var name = $(this).find(":selected").text();
     var price =  $(this).val();
     $("#name").val(name);
     $("#price").val(price);
});

この jQuery はselect、すべてをバインドするのではなく、onchange のフルーツのみをバインドすることに注意してください。select

于 2013-04-19T19:35:42.370 に答える