当前位置: 首页 > 工具软件 > Combo Select > 使用案例 >

将select选中的option的value放进表单的input中

秦建元
2023-12-01

直接上代码:

html:

<select id="attr0" onchange="setInput3(this)" class="select1">
    <option value="">请选所属小类</option>
    <option value="1">1 食品</option>
    <option value="2">2 药品</option>
</select>

<input type="text" class="organ-info cenz input box" name="attrList[0].attrid"
       id="attrid0" placeholder="请选择商品属性" autocomplete="off"/>

jq:

function setInput3(obj){
    var obj1 = $(obj);
    var num= obj.id.replace(/[^0-9]/ig,"");//将select的id截取数字
    var attrid = obj1.val();
    $("#attrid"+num).val(attrid);//赋值
}

其中,select的id命名和input命名是有规则的,原意是想做一个动态的命名,有多对select和input。所以需要将select的数字截取出来,然后将value赋值给和它一对的input。注意:id的命名不能有".",如果id命名为attrList[0].attrid,那么在jq中必须用转义字符——$("#attrList["+num+"]\\.attrid")  此坑已趟。。。

 类似资料: