Как получить значения из списка выбора?

Я пытаюсь получить значение из списка выбора, который определит, что мой метод формы, либо получить, либо отправить. У меня возникают проблемы с этим. Какие-либо предложения?Как получить значения из списка выбора?

<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;

Любая помощь будет принята с благодарностью! Благодаря!

источник

2014-09-17 John

Я был соблазн просто закодировать это для вас, но я буду делать вам больше пользы, если я призываю вас, чтобы помочь себе. что ты уже испробовал? Пожалуйста, покажите часть вашего JS-кода. – TecBrat

Это дубликат ... http://stackoverflow.com/questions/2780566/to-get-selected-value-of-a-dropdown-select-element-in-jquery http://stackoverflow.com/questions/4076770/get-value-of-select-dropdown-before-change http://stackoverflow.com/questions/1085801/how-to-get-the-selected-value-of-dropdownlist-using-javascript –

@SebastienD. Я не уверен, что это дубликат. Реальный вопрос здесь выглядит как «как изменить атрибут' method' формы » – TecBrat

Сначала вы добавить прослушиватель событий к вашему выбора элемента, чтобы вызвать функцию, когда это значение меняется:

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

Во-вторых вы делаете, что ваш срабатывает функция изменяет атрибут метода формы:

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

EDIT

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

источник

2014-09-17 20:00:15

Это очень близко к решению, которое я бы использовал. – TecBrat

есть ли что-то недостающее, чтобы оно было подходящим решением? –

Я смущен, где именно их добавить? – John

Я считаю, что это будет работать

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

источник

2014-09-17 19:58:52

Я новичок в javascript и html. Где я должен вставить это? Внутри одного и того же файла в теге «script»? – John

Это в основном тот же ответ, что и Себастьян Д., опубликованный за 1 мин до и использование jQuery. –

@John да внутри тега скрипта или в отдельном файле .js, который вы затем включили. Убедитесь, что вы также включили javascript-файл jQuery. Или просто используйте Себастьен Д., если вы не хотите беспокоиться об этом. –

Как получить значения из списка выбора?

ответ

Смежные вопросы