抓取jquery下拉選單值的問題

 前端:每次要給下拉選單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()方法只能抓到第一個子元素