28,391
社区成员
发帖
与我相关
我的任务
分享js如何实现根据下拉列表的值自动填写文本框的值。
有下拉列表值分别为：感冒、发烧、腹泻、手足口病、水痘、红眼病。文本框type如何用js实现当下拉为“感冒、发烧、腹泻”中任意一个。文本框type显示“常见病”下拉为“手足口病、水痘、红眼病”时文本框type显示“传染病”。
<body>
<form action="" method="post" >
病症
<select>
<option value="感冒">感冒</option>
<option value="发烧">发烧</option>
<option value="腹泻">腹泻</option>
<option value="肺炎">手足口病</option>
<option value="肺炎">水痘</option>
<option value="肺炎">红眼病</option>
</select>
<input name="type" type="text" id="type" >
<input type="submit">
</form>
<body>
<form action="" method="post" >
病症
<select>
<option value="感冒">感冒</option>
<option value="发烧">发烧</option>
<option value="腹泻">腹泻</option>
<option value="肺炎">手足口病</option>
<option value="肺炎">水痘</option>
<option value="肺炎">红眼病</option>
</select>
<input name="type" type="text" id="type" >
<input type="submit">
</form>
...全文
请发表友善的回复…
发表回复
php_wsd 2016-02-29
- 打赏
- 举报
<script>
$(function(){
$("#symptom").change(function(){
$("#type").val($("#symptom>option:selected").attr("v"));
});
});
</script>
使用ID
nbzzw 2016-02-28
- 打赏
- 举报
如果页面中有两个下拉列表<select > </select>如何区分。比如一个显示性别，一个显示病症。
<select name="sex" id="sex">
<option value="男">男</option>
<option value="女">女</option>
</select>
<select name="symptom" id="symptom">
<option value="感冒" v="常见病">感冒</option>
<option value="发烧" v="常见病">发烧</option>
<option value="腹泻" v="常见病">腹泻</option>
<option value="肺炎" v="传染病">手足口病</option>
<option value="肺炎" v="传染病">水痘</option>
<option value="肺炎" v="传染病">红眼病</option>
</select>
用上面的代码就不行了。求高手指教
php_wsd 2016-02-26
- 打赏
- 举报
<script src="jquery.js"></script> <!-- 自己下载这个文件 -->
<script>
$(function(){
$("select").change(function(){
$("#type").val($("select>option:selected").attr("v"));
});
});
</script>
<select>
<option value="感冒" v="常见病">感冒</option>
<option value="发烧" v="常见病">发烧</option>
<option value="腹泻" v="常见病">腹泻</option>
<option value="肺炎" v="传染病">手足口病</option>
<option value="肺炎" v="传染病">水痘</option>
<option value="肺炎" v="传染病">红眼病</option>
</select>
<input name="type" type="text" id="type" >
<input type="submit">
天际的海浪 2016-02-25
- 打赏
- 举报
<select onchange="document.getElementById('type').value = this.selectedIndex<3?'常见病':'传染病';">
nbzzw 2016-02-25
- 打赏
- 举报
能给你具体点的例子吗？
LYING?? 2016-02-25
- 打赏
- 举报
对option添加点击事件，调用函数使文本框的value等于option里的文本
