js給下拉框如何設置默認值

經由過程js給下拉框設置默認值，可以在頁面文檔加載后，經由過程jquery設置下拉框的默認值，目標是簡化原生js的代碼復雜性

方式/步調

1
打開vscode，建立一個H5規范的頁面，用于演示js若何給下拉框設置默認值
2
在頁面中添加一個下拉框，并在html中經由過程selected屬性，默認選擇下拉框的第2個值
3
在瀏覽器中打開頁面，就可以看到這個下拉框默認選中的第二個下拉值
4
在頁面頂部引入jquery，因為本文將jquery和頁面放在統一級目次，所以，直接利用了jquery文件名引用。若是不在統一級目次，引入的路徑需要有層級
5
在頁面底部，添加jquery代碼，利用.val()方式，在頁面文檔加載后，就頓時點竄下拉框的默認選中值為第三個值。此時是不管html的標簽中selected屬性本來是標識表記標幟在哪一個選項的，城市改當作新的值
6
在瀏覽器中打開頁面，這個時辰就會看到，下拉框的默認值已經釀成了第三個選項
7
若是想要經由過程下拉框的顯示值來設置默認選中項，就需要利用近似下面的語法：
$("#sltDef").find("option:contains('第4個選項')").attr("selected", true);