0

jquery 分割関数を使用してオプション値を設定しようとしていますが、機能していません。本当に単純なものが欠けているに違いありません（プログラミングの初心者です！）。

$("#product").on('change keyup', function() {
var value = $('option:selected', this).text();
$("#small").val(value.split('-')[1]);
$("#medium").val(value.split('-')[2]);
$("#large").val(value.split('-')[3]);
}).keyup();​

<select id="product">
    <option value="ronald mcdonald-100-200-300">ronald</option>
    <option value="the hamburglar-150-250-350">ronald</option>
</select>
<select>
    <option value="0" id="small">Small</option>
    <option value="0" id="medium">Medium</option>
    <option value="0" id="large">Large</option>
</select>

jsfiddle もご覧ください:デモ

4

2 に答える 2

1

ライブデモ

交換

var value = $('option:selected', this).text();

と

var value = $('option:selected', this).val();
于 2012-06-12T16:57:08.177 に答える
0 
var value = $('option:selected', this).attr('value'); // not .text(), if you use text
                                                      // it will give you ronald as return

デモ

また

var value = $(this).val(); // also return you the selected option value

デモ

于 2012-06-12T16:55:49.370 に答える