下拉框的绑定<select>

JS选择器绑定示例

最新推荐文章于 2025-05-04 19:02:04 发布

原创最新推荐文章于 2025-05-04 19:02:04 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript

javascript 专栏收录该内容

37 篇文章

订阅专栏

本文介绍了一种使用JavaScript操作DOM元素的方法，具体为通过文本值和数值来设置下拉菜单的默认选中项。首先根据文本绑定text属性实现城市的选择，接着根据值绑定value属性完成配送模板的选择。

根据文本绑定text

                    var locationCity = productViewObj.Product.LocationCity;
                    var countCity = $("#slCity option").length;

                    for (var i = 0; i < countCity; i++) {
                        if ($("#slCity").get(0).options[i].text == locationCity) {
                            $("#slCity").get(0).options[i].selected = true;
                            break;
                        }
                    }

根据值绑定value

                    var deliveryTemplateID = productViewObj.Product.DeliveryTemplateID;
                    var deliveryCount = $("#deliverySelect option").length;
                    for (var i = 0; i < deliveryCount; i++) {
                        if ($("#deliverySelect").get(0).options[i].value == deliveryTemplateID) {
                            $("#deliverySelect").get(0).options[i].selected = true;
                            break;
                        }
                    }