onchange函数是JavaScript中的一个事件处理函数,用于在用户改变输入域的值时触发相应的操作。要使用onchange函数显示多个输入域,可以按照以下步骤进行操作:
<input type="text" id="inputText">
<select id="selectList">
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
</select>
document.getElementById("inputText").onchange = function() {
var inputValue = this.value;
document.getElementById("output").innerHTML = "输入的值是:" + inputValue;
}
document.getElementById("selectList").onchange = function() {
var selectedValue = this.value;
document.getElementById("output").innerHTML = "选择的值是:" + selectedValue;
}
<div id="output"></div>
以上代码将实现以下功能:
这样,通过onchange函数可以实现多个输入域的值的实时显示。
领取专属 10元无门槛券
手把手带您无忧上云