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

How to call JavaScript function in a dropdown on Selection not on Change

本文关键字：JavaScript 选择 下拉菜单 调用 函数      更新时间：2023-09-26

我试图调用JavaScript函数上自动选择的值从下拉选项的基础上什么值来自DB。现在，当我从前端更改选项时，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和发送到另一个页面。

使用窗口。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>
相关文章：