Javascript 当我更改select标记时,为什么不在input id=";中显示数据;“消息?”;?

Javascript 当我更改select标记时,为什么不在input id=";中显示数据;“消息?”;?,javascript,jquery,Javascript,Jquery,当我更改select tag时,为什么不在inputid=“message”中显示数据 如果我想在inputid=“message”中显示default=90,我该怎么做 结婚 生孩子 领养孩子 退休 军假 病假 函数levechange(){ document.getElementById(“message”).innerHTML=document.getElementById(“leave”).value; } 您需要像这样做: var e = document.getElementBy

当我更改select tag时,为什么不在input
id=“message”
中显示数据

如果我想在input
id=“message”
中显示default=90,我该怎么做


结婚
生孩子
领养孩子
退休
军假
病假
函数levechange(){
document.getElementById(“message”).innerHTML=document.getElementById(“leave”).value;
}

您需要像这样做:

var e = document.getElementById("leave");
document.getElementById("message").value = e.options[e.selectedIndex].value;

.innerHTML
更改为
.value

要在HTML中设置默认值,请执行以下操作:

<input id="message" value="90"/>

因为
s没有
innerHTML
属性,所以它们使用

document.getElementById("message").value = document.getElementById("leave").value;

或者如果你真的想要一个
jQuery
答案(如标签所示)更简单(我也想测试新的“代码片段”选项,因此这次编辑):

$('#离开')。更改(函数(){
$('#message').val($(this.val());
});

结婚
生孩子
领养孩子
退休
军假
病假

可能的解决方案之一是:

HTML

<body onload="leaveChange()">
    <select id="leave" onchange="leaveChange()">
      <option value="5">Get Married</option>
      <option value="100">Have a Baby</option>
      <option value="90" selected="selected">Adopt a Child</option>
      <option value="15">Retire</option>
      <option value="15">Military Leave</option>
      <option value="15">Medical Leave</option>
    </select>

    <input id="message"/>
</body>
function leaveChange() {
    document.getElementById("message").value = document.getElementById("leave").value;   
}
检查此链接以查看工作示例。 希望有用

function leaveChange() {
    document.getElementById("message").value = document.getElementById("leave").value;   
}