0

私がやりたいことは、ドロップダウンからデータを取得し、データをテキストボックスに渡すことです

これが私のドロップダウンとテキストボックスのコードです

    <select name="criteria_title" id="chosen_a" data-placeholder="Select Category" class="chzn_z span3 dropDownId chzn-done" style="display: none;">
        <option value=""></option>
        <option value="1" data-id="10">a</option>
        <option value="2" data-id="20">b</option>
        <option value="3" data-id="30">c</option>
        <option value="4" data-id="40">d</option>
        <option value="5" data-id="50">e</option>
   </select>



<div class=" control-group formSep template">
<label for="input01" class="control-label">Category Rate*:</label>
<div class="controls">
<input id="title" name="criteria_rate" size="30" type="text" class="criteria_rate span2" value=""  readonly="readonly" />
</div>
</div>

ドロップダウンからデータIDを取得する方法は次のとおりです

var criteria_id =  $(this).attr('data-id');

テキストボックスにデータを渡す方法は次のとおりです

$('.criteria_rate').val(criteria_id);

ここに私のドロップダウンスクリーンショットがあります ここに画像の説明を入力

私の問題を解決する方法はありますか？

4

4 に答える 4

2

これがあなたが必要とするものです（私は思う）

フィドル

$('#chosen_a').change(function() {
    $('#title').val($('#chosen_a option:selected').data('id'));
})
于 2013-05-17T03:06:07.130 に答える
1

これが最も簡単な方法です

$(document).ready(function () {
    $("#chosen_a").change(function () {
      $('#title').val($("#chosen_a").val());


    });

});
于 2013-11-24T07:41:15.367 に答える
0

これが可能な解決策です。jquery を使用しますが、 jquery.dataを使用する代わりにイベント データを介してデータを取得します(この方法で実行すると数文字短くなることに注意してください :P )

$("#chosen_a").on("change", function (evt) {
    $("#title").val(evt.target.selectedOptions[0].dataset.id);
});

jsfiddleでデモンストレーション

（最初に質問を読み違えていたため、代替案を提供したため、修正が少し遅れました）

于 2013-05-17T03:03:52.697 に答える
0

これを試して：-

$('#chosen_a').change(function(){
     //get the selected option's data-id value using jquery `.data()`
      var criteria_rate =  $(':selected',this).data('id'); 
     //populate the rate.
    $('.criteria_rate').val(criteria_rate);
});

フィドル

参照.data()

于 2013-05-17T03:05:41.147 に答える