jquery - Jquery拆分功能无法设置数字选项值

Question

我正在尝试使用 jquery split 函数来设置选项值，但它不起作用。我一定错过了一些非常简单的东西（编程新手！）。

$("#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 上为您带来观赏乐趣：Demo

Answer 1

现场演示

代替

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

和

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

Answer 2

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

演示