背景:共兩個下拉框,第一個下拉框選擇完之后,以第一個選定的值為條件返回第二個下拉框中的內容,用js中的createElement()創建,並利用appendChild()來添加進父標簽。出現意外:每次選定第一個下拉框選項后,總會在第二個下拉框中重復添加內容(子標簽),導致選項一直重復。
解決:每次選定第一個下拉框選項,此時觸發js函數,在添加子標簽之前先清楚所有子標簽,再添加,但第一個子標簽<option>標簽,需要保留,故清除出第一個<option>外所有<option>,操作如下:
$('#select option').not('option:first').remove(); //select為下拉框的id ,option為它的子標簽