[jQuery] Set the select default selected

 jQuery  

▌Implement

---

平常以Value來帶入下拉式選單的選擇值 (default selected)，

$("#Countries").val(“Taipei”);

這次遇到是以指定顯示的值(Text)來設定選擇值； 方式如下 :

l   Html

<select id="Countries">   <option value="American">美國</option>   <option value="Japan">日本</option>   <option value="Taiwan">台灣</option> </select>

l   Jquery

$("#Cities option").each(function () {         if ($(this).text() == "台中市") {             $(this).attr('selected', 'selected');         }     });

或是

$("#Cities option").filter(function () {         return $(this).text() == "台中市";     }).prop('selected', true);

See Sample codes here.

▌Reference

---

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