-1

入力の値属性を、選択メニューで選択したオプションに設定する必要があります

<select id="choice">
    <option value="10">10</option>
    <option value="20">20</option>
    <option value="50">50</option>
</select>
<input type='text' id="other" class="test" value=""/>

私が使用しているjQueryは

var option = $('#choice').find(":selected").text();
$('#other').val(option);

$('#choice').change(function () {
    var selected_item = $(this).val()
    $('#other').val(selected_item);
    $('#other').attr('value', $('#choice').val())
});

これにより、ページの読み込み時に入力値が設定されます。ただし、value 属性は .change イベントでのみ設定されます。ページが現在選択されているオプションに読み込まれるときに、入力の値属性も設定する必要があります。

http://jsfiddle.net/peter/LaTXG/2/

ありがとう

4

2 に答える 2

1 
$('#choice').on('change', function () {
    $('#other').val(this.value);
}).trigger('change');

フィドル

ページロード時と変更時の両方で、テキスト入力値を選択値に設定します。

于 2013-04-04T09:18:45.390 に答える