前端:每次要給下拉選單selectedIndex,值給到但是顯示確未變
原因:因為Boothtriap4 的顯示內容沒有更改到
解法:只要抓到顯示內容地方修改後就可以。
程式碼:
<select id="Num"> <option>請選擇數字</option> <option>1</option> <option>2</option> </select> <button> <div class="filter-option"> <div class="filter-option-inner"> <div class="filter-option-inner-inner"> 取餐囉 </div> </div> </div> </button> let CityName=$(this).children(":first").data('info'); //取到目前抓取的jQuery物件,它子元素的第一個data-info的值 $("#Num")[0].selectedIndex =parseInt($('#CityIndex').val()); // 給予下拉選單選取值 $('#Num').next().children().children().children().text(CityName); //最後抓取下拉旁邊的按鈕它的子元素子元素子元素內容進行修改 //想到更簡潔的寫法為利用find的方法,到按鈕內遍歷它的子元素,找到有div class="filter-option-inner-inner" DOM物件 $('#Num').next().find('div .filter-option-inner-inner').text('找到了') //不同children()方法只能抓到第一個子元素