没有提交按钮的下拉列表。如何？答案

【问题标题】：Drop Down list without a submit button. how?没有提交按钮的下拉列表。如何？
【发布时间】：2014-03-31 04:45:09
【问题描述】：

// 是否可以在下拉列表中选择一个选项后提交表单？

<select name="Search4">
                <option value="">--select--</option> 
                <option value="Director">Director</option>
                <option value="Architect">Architect</option>
                <option value="Sales Manager">Sales Manager</option>
                <option value="Contractor">Contractor</option>   
</select>

【问题讨论】：

你需要 JavaScript 来做这件事。 stackoverflow.com/questions/19638254/submit-drop-down-on-click
我相信这就是您要搜索的内容：stackoverflow.com/questions/7231157/…

标签： php

【解决方案1】：

是的，这可以通过在 HTML 中将 id 赋予 select 和 form 来完成，然后在更改选择框时，您可以调用表单提交方法

$(document).ready(function(){
  $("#selectboxID").change(function() {
     $("#formID").submit();
  });
});

有关submit() 的更多信息，请参阅this

希望这会有所帮助！

【讨论】：

【解决方案2】：

是的，使用 javascript (onchange)。示例：

            <select name="Search4" onchange="$('#myform').submit();">
            <option value="">--select--</option> 
            <option value="Director">Director</option>
            <option value="Architect">Architect</option>
            <option value="Sales Manager">Sales Manager</option>
            <option value="Contractor">Contractor</option>   
            </select>

【讨论】：

【解决方案3】：

你可以用 jquery 来做首先在您的页面中添加 jquery 库写完之后

<script>
$(document).ready(function(){
$(#yourid).change(function(){
$(#myform).submit();


});



});

</script>



 <form id="myform" >
    <select name="Search4" id="yourid">
                    <option value="">--select--</option> 
                    <option value="Director">Director</option>
                    <option value="Architect">Architect</option>
                    <option value="Sales Manager">Sales Manager</option>
                    <option value="Contractor">Contractor</option>   
    </select>
</form>

【讨论】：

【解决方案4】：

使用 javascript 你可以做到。将事件添加到select tag

<select onsubmit="">

<select name="Search4" onsubmit="myFunction()">
                <option value="">--select--</option> 
                <option value="Director">Director</option>
                <option value="Architect">Architect</option>
                <option value="Sales Manager">Sales Manager</option>
                <option value="Contractor">Contractor</option>   
</select>

【讨论】：

【解决方案5】：

在更改下拉列表时提交表单。

试试这样：

$(document).ready(function(){

    $("select[name=Search4]").change(function(){

        $("#yourFormId").submit();
    })

});

【讨论】：