Javascript 我想验证值更改下拉菜单，而不是单击提交按钮

我已经写了这个代码，用于在下拉菜单提交时获取数据，它正在处理提交按钮单击，但现在我希望它只处理下拉菜单中值的更改，这是我的工作代码

<script language="javascript">
    function validFormDataCity() {
        if (document.getElementById("jobsbycitymenu").value == "Not Selected") {
            alert("Please select a City.");
            document.citysearch.jobsbycitymenu.focus();
            return false;
        }
    }
</script>   

<div id='jobsbycity'>
    <form id="citysearch" name="citysearch" method="POST" action="jobs-by-city-results">
        <p id='jobsbycitytitle'>Jobs by City</p>
        <select name="city" id='jobsbycitymenu'>
            <option value="Not Selected">---Select City---</option>
            <option value='Abbottabad'>Abbottabad</option>
            <option value='Arifwala'>Arifwala</option>
            <option value='Attock'>Attock</option>
            <option value='Badin'>Badin</option>
        </select>
        <input type="submit" name="Submit" value=" Go " id='jobsbycitymenubtn' onclick="return validFormDataCity();"/>
    </form>
</div>                                 

函数validFormDataCity（）{
if（document.getElementById（“jobsbycitymenu”）.value==“未选择”）{
警报（“请选择一个城市”）；
document.citysearch.jobsbycitymenu.focus（）；
返回false；
}
}
按城市划分的工作

---选择城市---
阿伯塔巴德
阿里弗瓦拉
阿托克
巴丁

---

非常感谢您的帮助

，因为您正在标记jQuery，您可以使用：

$('#jobsbycitymenu').on('change', function(){
   $(this).closest('form').submit(); 
});

因此，您的整个代码（请删除内联脚本）将是：

$(function () {
    $('#jobsbycitymenu').on('change', function () {
        if (validFormDataCity()) $(this).closest('form').submit();
    });
    $('#citysearch').submit(function (e) {
        e.preventDefault;
        return validFormDataCity();
    });

    function validFormDataCity() {
        if (document.getElementById("jobsbycitymenu").value == "Not Selected") {
            alert("Please select a City.");
            document.citysearch.jobsbycitymenu.focus();
            return false;
        }
        return true
    }
});

---

对于纯Javascript，您可以使用。

因为您正在标记jQuery，所以您可以使用：

$('#jobsbycitymenu').on('change', function(){
   $(this).closest('form').submit(); 
});

因此，您的整个代码（请删除内联脚本）将是：

$(function () {
    $('#jobsbycitymenu').on('change', function () {
        if (validFormDataCity()) $(this).closest('form').submit();
    });
    $('#citysearch').submit(function (e) {
        e.preventDefault;
        return validFormDataCity();
    });

    function validFormDataCity() {
        if (document.getElementById("jobsbycitymenu").value == "Not Selected") {
            alert("Please select a City.");
            document.citysearch.jobsbycitymenu.focus();
            return false;
        }
        return true
    }
});

---

对于普通Javascript，您可以使用。

我现在已经最小化了代码，您可以在我的代码中修改这个东西吗。我会很感激的…很快会更新你，远离系统。thanks@SajidSaleemSajid伟大的很高兴我能帮忙！我已经最小化了代码，你能在我的代码中修改这个东西吗。我会很感激的…很快会更新你，远离系统。thanks@SajidSaleemSajid伟大的很高兴我能帮忙！