У меня есть два выпадающих списка. При первом событии изменения, то второй dropdownt загружает некоторые данные из базы данных.
Например, когда я выбираю Телефоны-планшеты из первого, то второй должен выбрать Выбрать марку текст. Но он загружается, как показано ниже.
Мой второй выпадающий список
<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>
Так что я использую этот код для установки текста Selected Band в качестве выбранного значения во втором раскрывающемся списке. Он использует событие изменения моего первого выпадающего списка.
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 - установка выбранного значения элемента управления select с помощью его текстового описания
https://www.aspdotnet -suresh.com / 2015/06 / JQuery-зор-DropDownList выбранного значения, на основе текст-на-текст-value.html
Как я могу изменить свой код?