本文介绍了一个简单的JavaScript程序，用于实现下拉菜单的选择联动功能。通过选择不同的部门选项，可以动态更新文本框和文本区域的内容。此示例适用于前端开发初学者学习JavaScript基本操作及DOM元素操作。
<style></style><script> function onchanged(){
var depaterment = document.getElementById('depaterment') ;
document.getElementById('txt').value=depaterment.options[depaterment.selectedIndex].value;
document.getElementById('mem').value=depaterment.options[depaterment.selectedIndex].text;
}
</script><select id="depaterment" onchange="onchanged()" name="DATA_10">
<option value="111" selected="selected">部门111</option>
<option value="222">部门222</option>
<option value="333">部门333</option>
<option value="444">部门444</option>
<option value="555">部门555</option>
</select> <br />
<input id="txt" readonly="readonly" name="DATA_11" type="text" /> <br />
<textarea id="mem" rows="5" cols="50" readonly="readonly" name="DATA_13"></textarea> <input onclick="onchanged()" type="button" name="DATA_12" value="查询" />
var depaterment = document.getElementById('depaterment') ;
document.getElementById('txt').value=depaterment.options[depaterment.selectedIndex].value;
document.getElementById('mem').value=depaterment.options[depaterment.selectedIndex].text;
}
</script><select id="depaterment" onchange="onchanged()" name="DATA_10">
<option value="111" selected="selected">部门111</option>
<option value="222">部门222</option>
<option value="333">部门333</option>
<option value="444">部门444</option>
<option value="555">部门555</option>
</select> <br />
<input id="txt" readonly="readonly" name="DATA_11" type="text" /> <br />
<textarea id="mem" rows="5" cols="50" readonly="readonly" name="DATA_13"></textarea> <input onclick="onchanged()" type="button" name="DATA_12" value="查询" />
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
