Javascript 用split（）填充“选择”下拉列表中的文本字段值

当我使用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;
}

蓝色
绿色
红色
var select=document.getElementById（'cmbitems'）；
var pecah=select.split（“：”）；
var hasil=佩卡[1]；
var input=document.getElementById（'txtprice'）；
select.onchange=function（）{
input.value=hasil.value；
}

试试看

试试这个

<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];
 }

蓝色
绿色
红色
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]；
}

<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];
 }