使用split（）從選擇下拉列表中填充文本字段值

Question

當我使用split（）時，textfield的值為空，下拉列表中需要的textfield值為15。請告訴我我哪里出錯了..謝謝，

這是代碼：

<select name="cmbitems" id="cmbitems">
    <option value="price1:15">blue</option>
    <option value="price2:20">green</option>
    <option value="price3:25">red</option>
</select>

<input type="text" name="txtprice" id="txtprice" onClick="checkPrice()">

var select = document.getElementById('cmbitems');
var pecah = select.split(":");
var hasil = pecah[1];

var input = document.getElementById('txtprice');
select.onchange = function() {
    input.value = hasil.value;
}

Answer 1

嘗試

var input = document.getElementById('txtprice');
document.getElementById('cmbitems').onchange = function() {
var select = document.getElementById('cmbitems').value;
var pecah = select.split(":");
var hasil = pecah[1];
alert(hasil);
input.value = hasil;
}

Answer 2

嘗試這個

<select name="cmbitems" id="cmbitems">
    <option value="price1:15">blue</option>
    <option value="price2:20">green</option>
    <option value="price3:25">red</option>
</select>

<input type="text" name="txtprice" id="txtprice">

var input = document.getElementById('txtprice');
var select = document.getElementById('cmbitems');
select.onchange = function() {
        var pecah = select.options;
        var hasil = pecah[pecah.selectedIndex];
    input.value = hasil.value.split(":")[1];
 }