Как сделать так, чтобы веб-форма автоматически отправлялась в раскрывающемся списке

Question

На моей странице есть форма, подобная приведенной ниже;

<form name="testform" id="testform" action="test.php" method="get">
  <input name="field1" id="field1" type="text" value="">
  <input name="field2" id="field2" type="text" value="">
  <select name="dropdown" id="dropdown">
    <option value="option1" selected="selected">option1</option>
    <option value="option2">option2</option>
    <option value="option3">option3</option>
  </select>
  <input type="submit" name="Submit" value="Submit" id="Submit">
</form>

Я хочу, чтобы форма автоматически отправлялась при выборе пользователем параметра в раскрывающемся меню. Как я могу сделать это с или без использования JavaScript (с или без jQuery)?

Заранее спасибо ... :)

blasteralfred

Answer 1

Нажмите (или выберите)? В этом случае пользователь не сможет сделать какой-либо выбор. Вы, вероятно, имеете в виду, как только будет выбран другой вариант. Если так

<select name="dropdown" id="dropdown" onchange="this.form.submit()">

Если используется jQuery , вместо встроенного JavaScript следует использовать ненавязчивый обработчик событий change .

$(function(){
    $("#dropdown").change( function(e) {
        this.form.submit();
    });
});

Используйте для , если элементы формы динамически добавляются в DOM

$(function(){
    $('#testform').on( "change", "#dropdown", function(e) {
        this.form.submit();
    });
});

Answer 2

Вам нужно будет использовать событие jQuery change ().

('#dropdown').change( function() { ('#testform').submit(); })

Answer 3

Я думаю

$('#dropdown').change(function () { $('Submit').click(); } );

добьется цели!

Answer 4

Здесь Ответ

<form name="testform" id="testform" action="test.php" method="get">
              <input name="field1" id="field1" type="text" value="">
              <input name="field2" id="field2" type="text" value="">
              <select name="dropdown" id="dropdown" onChange="document.testform.submit()">
            <option value="option1" selected="selected">option1</option>
            <option value="option2">option2</option>
            <option value="option3">option3</option>
            </select>
  </form>