javascript - 如何在选择而不是更改的下拉菜单中调用 JavaScript 函数

Question

我试图根据来自数据库的值从下拉选项中自动选择的值上调用 JavaScript 函数。现在，当我从前端更改选项时，JavaScript 函数被调用。这是我的代码。我想要的是在自动选择时调用 JavaScript Getstate(this.value) 函数，这取决于来自数据库的值。有什么建议吗？

 <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>