Question

我试图从选择列表中获取一个值，该列表将决定我的表单方法是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>

JS

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;

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

Answer 1

首先向select元素添加一个事件监听器，以便在值改变时触发一个函数：

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

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

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

修改

<html> <head> </head> <body>  <script> // my code here </script> </body>

Answer 2

我相信这会起作用

$("#yourDropdownId").change(function() {
    value = $( "#yourDropdownId option:selected").val()
    if (value === 'post')
        $("#yourFormId").attr("method", 'POST')
    else
        $("#yourFormId").attr("method", 'GET') 
});

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

2 个答案: