首页 > Web开发 > 详细

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

时间:2015-08-03 16:11:10      阅读:639      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!