要编写一个函数,实现当下拉菜单中选择的值发生变化时,查看输入域中的值,可以使用以下的HTML和JavaScript代码:
HTML代码:
<select id="mySelect" onchange="showSelectedValue()">
<option value="value1">选项1</option>
<option value="value2">选项2</option>
<option value="value3">选项3</option>
</select>
<input type="text" id="inputField" readonly>
JavaScript代码:
function showSelectedValue() {
var selectElement = document.getElementById("mySelect");
var selectedValue = selectElement.value;
document.getElementById("inputField").value = selectedValue;
}
这段代码中,我们首先在HTML中创建了一个下拉菜单(select)和一个输入域(input)。下拉菜单的id设置为"mySelect",输入域的id设置为"inputField"。下拉菜单的onchange事件绑定了一个JavaScript函数showSelectedValue()。
在showSelectedValue()函数中,我们首先通过getElementById()方法获取到下拉菜单的元素对象,然后使用value属性获取到当前选中的值。接着,我们通过getElementById()方法获取到输入域的元素对象,并将选中的值赋值给输入域的value属性。最后,我们将输入域设置为只读(readonly),以防止用户修改输入。
这样,当下拉菜单中选择的值发生变化时,输入域中的值会自动更新为选中的值。
推荐的腾讯云相关产品和产品介绍链接地址:
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云