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

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;" />
时间: 2024-12-20 14:12:04

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

jquery如何删除select下拉菜单中所有的option项

jquery如何删除select下拉菜单中所有的option项:在实际应用中,有可能要求一次性删除所有的select下拉菜单的option选项,方法非常的简单.select下拉菜单: <select id="mayi"> <option value="1">蚂蚁部落一</option> <option value="2">蚂蚁部落二</option> </select> 删除

jQuery插件实现select下拉框左右选择_交换内容(multiselect2side)

效果图: 使用jQuery插件---multiselect2side做法: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head&

一款基于jQuery的联动Select下拉框

今天我们要来分享一款很实用的jQuery插件,它是一个基于jQuery多级联动的省市地区Select下拉框,并且值得一提的是,这款联动下拉框是经过自定义美化过的,外观比浏览器自带的要漂亮许多.另外,这个Select下拉框也可以绑定下拉事件,并获取当前选中项的值. 在线预览   源码下载 实现的代码. html代码: <div class="wrap"> <div class="nice-select" name="nice-select&

jQuery动态生成&lt;select&gt;下拉框

前一阵在项目里需要动态生成下拉框,找了一下用jQuery实现比较方便,这里整理一下. 下文所述方法只是本人在项目中遇到问题的解决方法,场景较为简单,也希望能帮助有需要的朋友 1.动态生成下拉框的两种方式 (1)将数据放在model中,JSP页面用EL表达式${}取出,该方式缺点是数据更改时必须刷新整个页面,本文不过多描述. (2)就是本文要说的jQuery动态生成了,该方式适合数据频繁变动的场景. 2.<select>组成 <select> <option value=”aa

jquery获取当前select下拉选的属性值

body中: <li> <select id="select_phone"></select> <input type="button" id="huoqu" value="huoqu"/> </li> jquery实现: $("#huoqu").click(function(){ var text = $("#select_phone&

使用mobile jQuery 动态给select下拉添加数据,选中项默认不显示的解决方法。

getaddress(); function getaddress(type=0,parent='') { var tid=1; $.ajax({ type: "post", url: 'cityajax.php', dataType: "json", data: "type="+type+"&parent="+parent, success: function (data) { if (!jQuery.isEmpty

美化select下拉菜单

默认的select下拉菜单不容易美化,很多UI是无法通过css更改的,所以要美化先更改结构,下面介绍的美化插件尽管代码各异,但大部分都将默认的下拉菜单转化成样式可控的元素,例如div.ul.span等,这样就可以用CSS尽情定制了. Chosen Chosen is a jQuery plugin that makes long, unwieldy select boxes much more user-friendly. WooCommerce中的国家选择器很美观,这个脚本实现的效果与之完全相

jquery操作select下拉框的多种方法(选中,取值,赋值等)

jQuery获取Select选择的Text和Value:语法解释:1. $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发2. var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text3. var checkValue=$("#select

jquery操作select下拉框的多种方法(选中,取值,赋值等) 转载

jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text 3. var checkValue=$("#se