在html页面中加一个select控件,option value为1,2,3,4;当选择为1时,值为01,将select得到的值和另一个input 控件id=e组合输出成字符串
时间: 2024-11-12 17:32:58 浏览: 4
ASP.NET 页面中加添加用户控件的写法
要在HTML页面中创建一个select控件,并根据用户的选择动态改变input元素的内容,你可以这样做:
首先,在HTML部分,添加一个select元素和一个input元素:
```html
<select id="mySelect" onchange="updateValue()">
<option value="1">选项1</option>
<option value="2">选项2</option>
<option value="3">选项3</option>
<option value="4">选项4</option>
</select>
<input type="text" id="e" disabled readonly>
```
然后,编写JavaScript函数`updateValue()`,用于处理选中的值和更新输入框的内容:
```javascript
<script>
function updateValue() {
var select = document.getElementById("mySelect");
var inputValue = select.options[select.selectedIndex].value;
if (inputValue === "1") {
inputValue = "01";
}
var inputE = document.getElementById("e");
inputE.value = inputValue;
// 如果需要,也可以去掉input元素的disabled属性,使其可编辑
// inputE.disabled = false;
}
</script>
```
现在,当你在select中选择“1”,input元素的值会变成“01”。如果选择了其他选项,该输入框将显示原始的数字值。
阅读全文