2017-04-05 36 views
0

我有一個項目,我必須做這樣的事情: 當用戶的頁面加載時,他會得到一個個性化的選擇框(有一些PHP生成的選項),然後,當他更改選項時,我必須更改其餘內容(在同一頁上)。 例如,讓一類用戶的選擇框是:自動提交表單第一個選項(PHP)

  1. 主要內容
  2. 工具

現在,我的想法是有一個

<form action="processing.php"> <select name="choice" onChange="submit();">等,這些應將用戶的選擇傳遞給processing.php。問題是,我希望自動選擇第一個選項,並在頁面加載時顯示該選項的內容 - 不管怎樣,第一個選項將自動提交。 另外,不同類型的用戶應該得到不同的選擇,我想我可以使用一個頁面來處理這些請求。這是可以實現的嗎?

你能否幫我解釋一下如何使用第一個生成選項自動提交表單?謝謝。

回答

1

您可以使用選擇的onChange事件。在處理程序中,您可以重定向

let sel = document.getElementById('yourselect'); 
    let form = document.getElementById('yourform'); 
    sel.onchange = function() { 
     form.submit() 
    } 
0

您可以輕鬆地將選擇更改與Javascript綁定。下面是使用jQuery的例子:

$('#mySelect').on('change', function(){ 
 
    // Do your staff 
 
    $('#myForm').submit(); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form id="myForm"> 
 
<select id="mySelect" method="post" action="processing.php" name="select_name"> 
 
<option value="">Select One</option> 
 
    <option value="http://google.com">Google</option> 
 
    </select> 
 
</form>