码迷,mamicode.com
首页 > Web开发 > 详细

jquery选中将select下拉框中一项后赋值给text文本框

时间:2015-08-03 16:12:37      阅读:342      评论:0      收藏:0      [点我收藏+]

标签:

jquery选中将select下拉框中一项后赋值给text文本框,出现无法将第一个下拉框的value赋值给文本框

因为select默认选中第一项..在选择第一项时,便导致无法激发onchange事件.所以无法进行赋值给文本框

 

解决方法.

select下拉框设置第一项做一个无用的占位option

<script type="text/javascript">
    function changeSelect(obj) {
        var _this = obj;
        $("#goods_private_attr").val($(_this).val());
    _this.options[0].selected = true;  //将select初始化成第一个.以便修改了文本框后再次选择相同的.
    } </script>
<select id="sel" style="float:right; width:200px; z-index:1; position:absolute; left:110px; top:3px; height:22px;" onchange="changeSelect(this);">
                   <option value="" style="display:none"></option>
                   <option value="111">111</option>
                   <option value="222">222</option>
                   <option value="333">333</option>
</select>

这和文本框和上面的select重叠了.但是z-index更高.
<input type="text" id="goods_private_attr" name="goods_private_attr" value="" style="position:absolute; width:175px; height:12px; left:111px; top:6px; z-index:2; border:0;" />

jquery选中将select下拉框中一项后赋值给text文本框

标签:

原文地址:http://www.cnblogs.com/meibao/p/4699213.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!