Jquery 拆分函数无法设置数字选项值

Question

我正在尝试使用 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上供您观看：演示

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

演示