2014-03-31 36 views
1

//是否可以在下拉列表中選擇一個選項後提交表單?沒有提交按鈕的下拉列表。怎麼樣?

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

需要Javascript做到這一點。 http://stackoverflow.com/questions/19638254/submit-drop-down-on-click – Subin

+0

我相信這是你正在尋找的: http://stackoverflow.com/questions/7231157/how-對提交外形上變化的 - 下拉列表 –

回答

0

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

是的,這可以通過給在HTML idselectform來完成,然後在選擇框的變化,你可以調用表單提交方法

$(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> 
0

關於您的下拉列表更改提交表格。

嘗試這樣的:

$(document).ready(function(){ 

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

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

}); 
0

你可以使用jQuery 首先在你的頁面加載的jQuery libarary 寫後做以下

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