2013-03-19 81 views
1

我有一個HTML表單,我使用JavaScript來用「的onchange」選擇控制這樣的功能提交:傳遞選擇期權價值成的OnChange功能

<form action='seeLocation.php?'>Jump To Location: 
    <select onchange='this.form.submit()'> 
     <option value='1'>Location1</option> 
     <option value='2'>Location2</option> 
     <option value='3'>Location3</option> 
    </select> 
</form> 

的問題是,我需要將<option>的價值標籤傳遞到窗體的action標籤等,它實際上有點像

<form action='seeLocation.php?1'> 

<form action='seeLocation.php?2'> 

這可能嗎?謝謝!

回答

5

在你onchange功能我認爲你可以做到這一點(沒有測試過):

this.form.action="seeLocation.php?"+this.options[this.selectedIndex].value;this.form.submit() 
1

改變你的HTML是:

<script type="text/javascript"> 
    function changeDropDown(dropdown){ 
    var location = dropdown.options[dropdown.selectedIndex].value; 
    document.getElementById("form1").action = "seeLocation.php?" + location; 
    document.getElementById("form1").submit(); 
    } 
</script> 

<form id="form1" name="form1">Jump To Location: 
    <select onchange='changeDropDown(this);'> 
     <option value='1'>Location1</option> 
     <option value='2'>Location2</option> 
     <option value='3'>Location3</option> 
    </select> 
</form> 

你也可以做它內聯,如果你需要更簡潔的代碼。