jQuery实现当select下拉框内容变化时,input输入框内容随之变化
2016-11-29 13:12
381 查看
今天实现了一个功能,当select下拉框中的内容发生变化时,input输入框中的内容随之发生变化,具体实现方法如下:
HTML代码:
//绑定change事件,当下拉框内容发生变化时启动事件 $("#wlms").bind("change",function(){ //设置input输入框可用(初始化是不可用) $("#wlbh").attr("disabled",false); //bianhao是<option>标签中自定义的属性,是为了获取后台传过来的值 var bianhao = $(this).find("option:selected").attr("bianhao"); //向input输入框中赋值 $("#wlbh").val(bianhao); });
HTML代码:
<option bianhao="${wl.matnr }"></option> <input id="wlbh" type="text" disabled="disabled">
相关文章推荐
- 使用jquery-combobox实现select下拉框多选之后,如何将下拉框的值传给input隐藏域
- jQuery插件实现select下拉框左右选择_交换内容(multiselect2side)
- jQuery插件实现select下拉框左右选择_交换内容(multiselect2side) 的一些网站 (有时间整理)
- jQuery实现select下拉框左右选择_交换内容
- 基于jQuery的input输入框下拉提示层(自动邮箱后缀名)
- html中用div代替textarea实现输入框高度随输入内容变化
- jquery实现类似百度的搜索input输入框
- jQuery基于事件控制实现点击显示内容下拉效果
- jQuery实现监听下拉框选中内容发生改变操作示例
- jQuery实现输入框邮箱内容自动补全与上下翻动显示效果【附demo源码下载】
- jQuery实现动态加载select下拉列表项功能示例
- jquery实现下拉框内容左右移动
- 实现输入内容提示的功能(仿google_百度输入框提示)jquery.ui.autocomplete.js插件
- jquery实现input输入框实时输入触发事件代码
- jquery实现input输入框实时输入触发事件代码
- 下拉框内容太多,一个带搜索功能的下拉输入框实现
- jquery监听div内容的变化具体实现思路
- jquery实现输入框增加分隔符 jquery.formatInput
- js实现在编辑框input下根据输入内容显示匹配内容的下拉列表(一)
- 基于jquery的高性能td和input切换并可修改内容实现代码