javascript - 如何从选择列表中获取值？

我试图从选择列表中获取一个值，该值将确定我的表单方法是get还是post。我在执行此操作时遇到了麻烦。有什么建议么？

<select name ="optionlist" form ="form" id="test">
  <option value="get">GET</option>
  <option value="post">POST</option>
</select>

<form name="input" action="" method="" id="form">
    <input type="text" name="search">
    <input name="buttonExecute" type="submit" value="Submit"/>
</form>

function myFunction(input){
    alert("You typed in : " + input);
}

function load(){
    alert("Page Loaded! This is the current text in the textbox : "+ document.getElementsByName('search')[0].value);
}

func

window.onload = load;

任何帮助将不胜感激！谢谢！

最佳答案

首先，将事件侦听器添加到select元素，以在其值更改时触发一个函数：

document.getElementById('test').addEventListener('change', setFormMethod, true);

其次，确保触发函数更改了表单的method属性：

function setFormMethod(e) {
  document.getElementById('form').setAttribute('method', e.target.value);
}

编辑

<html>
 <head>
 </head>
 <body>
  <!-- your HTML here -->
 <script>
  // my code here
 </script>
</body>