如何在选择而非更改的下拉列表中调用JavaScript函数

时间:2016-09-05 21:35:35

标签: javascript php

我正在尝试根据来自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发送到另一页。

1 个答案:

答案 0 :(得分:3)

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