JavaScript操作下拉框动态显示内容
来源:互联网 发布:广告公司免费记账软件 编辑:程序博客网 时间:2024/06/06 21:38
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript操作下拉框动态显示内容</title>
<script type="text/javascript">
function show(){
var deptNode=document.getElementById("dept");
var resultNode=document.getElementById("result");
resultNode.value=deptNode.value;
}
</script>
<body>
<form action="" method="post">
<!-- onchange:当下拉列表选择的内容改变时,触发onchange事件,selected:表示默认选中第一个-->
部门:<select name="dept" id="dept" onchange="show(this.value)">
<option value="技术部" selected>技术部</option>
<option value="测试部">测试部</option>
<option value="销售部">销售部</option>
<option value="财务部">财务部</option>
</select>
选择后的结果:<input type="text" name="result" id="result" value="">
</form>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript操作下拉框动态显示内容</title>
<script type="text/javascript">
function show(){
var deptNode=document.getElementById("dept");
var resultNode=document.getElementById("result");
resultNode.value=deptNode.value;
}
</script>
<body>
<form action="" method="post">
<!-- onchange:当下拉列表选择的内容改变时,触发onchange事件,selected:表示默认选中第一个-->
部门:<select name="dept" id="dept" onchange="show(this.value)">
<option value="技术部" selected>技术部</option>
<option value="测试部">测试部</option>
<option value="销售部">销售部</option>
<option value="财务部">财务部</option>
</select>
选择后的结果:<input type="text" name="result" id="result" value="">
</form>
</body>
</html>
阅读全文
0 0
- JavaScript操作下拉框动态显示内容
- javascript 操作下拉框
- JavaScript解决select下拉框中的内容太长显示不全的问题
- Javascript 操作select下拉框
- javascript 操作 select下拉框
- Javascript 下拉框基本操作
- 【JavaScript】DOM操作下拉框
- IE8 无法显示下拉框内容
- 下拉框中的内容显示不全
- 下拉框鼠标悬停显示内容
- 解决下拉框内容显示不全问题
- swing下拉框显示表格内容解决方案
- select下拉框内容显示不完整
- easyui 下拉框内容联动显示
- arcgis for javascript 动态加载显示图层(下拉框和checkbox结合使用)
- 使用JavaScript操作DOM动态生成下拉列表
- Ajax实现在textbox中输入内容,动态从数据库中模糊查询显示到下拉框中
- Ajax实现在textbox中输入内容,动态从数据库中模糊查询显示到下拉框中
- “大象”对战“蚂蚁”!物联网的“BAT”将是怎样的?
- Hdu 5008 Boring String Problem 后缀数组求排名第k位的不重复子串
- Android运行异常二:java.lang.IllegalStateException: Fragment already active
- java.sql.SQLException: 索引中丢失 IN 或 OUT 参数:: 4
- MySQL 基础教程
- JavaScript操作下拉框动态显示内容
- CCF认证201409-3 字符串匹配
- thinkphp5 锁表操作
- unity3d学习日记:接入UnityAds平台广告
- Unity5.0 Shader 极简入门 (五)
- webView显示页面不全解决办法
- Python基础
- Recyclerview嵌套Recyclerview,条目显示不全和宽度不能铺满不能同时满足
- ccf 20150903 模板生成系统