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

时间:2022-12-17 09:47:26

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;" />