如何在選擇而不是更改的下拉列表中調用JavaScript函數

Question

我試圖根據來自DB的值，從下拉選項中對自動選擇的值調用JavaScript函數。 現在，當我從前端更改選項時，調用了JavaScript函數。 這是我的代碼。 我想要的是在自動選擇時調用JavaScript Getstate(this.value)函數，該函數取決於來自DB的值。 有什么建議么？

 <label>Province: </label><br>
 <select name="Provincedown" id="ProvinceDropDown"  class="form-control" onChange="getState(this.value);">
 <option value="SelectProvince" <?=$ProvinceName == 'SelectProvince' ? ' selected="selected"' : '';?> > Please Select </option>
 <option value="Sindh" <?=$ProvinceName == 'Sindh' ? ' selected="selected"' : '';?>> Sindh </option>
 </select>

getState(this.value)是我的JavaScript函數，在其中使用AJAX並使數據JSON並發送到另一個頁面。

Answer 1

使用window.onload從下拉列表中獲取您選擇的值。

<label>Province: </label><br>
 <select name="Provincedown" id="ProvinceDropDown"  class="form-control">
 <option value="SelectProvince" <?=$ProvinceName == 'SelectProvince' ? ' selected="selected"' : '';?> > Please Select </option>
 <option value="Sindh" <?=$ProvinceName == 'Sindh' ? ' selected="selected"' : '';?>> Sindh </option>
 </select>


 <script>
 function abc()
 {
 var name=document.getElementById("ProvinceDropDown").value;
 alert(name);
 }
 window.onload = abc;
 </script>