我有两个下拉菜单。当发生第一个更改事件时,第二个下拉列表将从数据库中加载一些数据。
例如,当我从第一个中选择 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
如何更改我的代码?