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您的观赏乐趣：Demo

Answer 1

var value = $('option:selected', this).attr('value'); // not .text(), if you use text 
                 // it will give you ronald as return 

DEMO

或

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

DEMO

Answer 2

Live Demo

更换

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

与

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