jQuery通过文本设置选定的值

时间:2018-09-04 07:31:34

标签: jquery woocommerce

我有两个下拉菜单。当发生第一个更改事件时,第二个下拉列表将从数据库中加载一些数据。

例如,当我从第一个中选择 Phones Tablets 时,第二个应选择 Select Brand 文本。但它的加载如下所示。

我的第二个下拉列表

<select id="mySelect1">
     <option value="12103">Apple</option>
     <option value="12124">Huawei</option>
     <option value>Select Brand</option>
     <option value="addnew">Enter your own</option>
</select> 

因此,我使用此代码将“选定乐队”文本设置为“第二个”下拉列表中的选定值。它使用了我的第一个下拉列表中的change事件。

            var text1 = 'Select Brand';
            $("select option").filter(function() {
                return $(this).text() == text1; 
            }).prop('selected', true);

我的第一个下拉列表

<select id="wcv_custom_product_cat" name="wcv_custom_product_cat" class="select2">
     <option value="" selected="selected">Select</option>
     <option value="341">Automotive</option>
     <option value="50">Baby Kids</option>
     <option value="49">Books</option>
     <option value="48">Clothing Fashion</option>
     <option value="47">Computing  Gaming</option>
     <option value="39">Electronics</option>
     <option value="40">Food  Grocery</option>
     <option value="114">Home  Kitchen</option>
     <option value="44">Office Stationary</option>
     <option value="43">Phones  Tablets</option>
     <option value="41">Health  Beauty</option>
     <option value="115">Industrial</option>
     <option value="42">Sports  Fitness</option>
     <option value="45">Misc</option>
</select>

我推荐那些人

jQuery - setting the selected value of a select control via its text description

https://www.aspdotnet-suresh.com/2015/06/jquery-set-dropdownlist-selected-value-text-based-on-text-value.html

如何更改我的代码?

0 个答案:

没有答案