jQuery所有子元素下select标签中选择的对象,遍历值,截取字符串中汉字,修改值和选中状态

多个选择框 

<td name="tutor_td"><select name="instructor_id" id="instructor_id">
                        <option th:value="0" >--请选择--</option>
                        <option th:value="1" selected="selected" th:each="tutor : ${mainInstructor}"
                                th:text="${tutor == null?'':tutor.Account.name}"></option>
                    </select></td>
var tutor_select = $("td[name='tutor_td'] > select option:selected");

获取所有td标签下的select中被选中项,获得结果如下 

js部分

window.onload = function () {
            TutorData = [
                {"tutorName": "Chen", "tutorCode": "8150357188"},
                {"tutorName": "Fujian", "tutorCode": "1902002742"},
                {"tutorName": "童清", "tutorCode": "1810000317"}
            ];
            
            //获取所有td下select中option为选中的jq对象
            var tutor_selected = $("td[name='tutor_td'] > select option:selected");

            $.each(TutorData,function (i,n) {

                var tutorName = n.tutorName;
                var tutorCode = n.tutorCode;

                // 追加option
                $("td[name='tutor_td'] > select").append(
                    "<option value="+tutorCode+">"+tutorName+"</option>"
                )

                $.each(tutor_selected,function (i,n) {
                    var tutor_name = $.trim(n.text);
                    var reg = /[\u4e00-\u9fa5]/g;
                    var name_ch = tutor_name.match(reg).join(""); //截取汉字
                    if (tutor_name == $.trim(name_ch)) {
                        n.value = tutorCode;  //修改option的value
                    }
                })
            })

            $.each(tutor_selected,function (i,n) {
                if (n.value == '1') {
                    //$(n).attr("selected",false) ;  //jq对象修改option的选中状态
                    //n[i].selected = false;   //dom对象修改option的选中状态
                    n.text = '--请选择--';
                }
            })
        }

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值