для следующей формы
<form action ='search.php' method = 'post'> <select name="filter"> <option id="A" value="A">A</option> <option id="B" value="B">B</option> </select> <input type ='text' name="key" id ="field" value ="something that changes based on what option is selected" /> <input type ='submit' value = 'Search' /> </form> Как изменить значение поля ввода в зависимости от выбора A или B ? Я предполагаю, что это нужно сделать в javascript. Я использовал jquery здесь и там, поэтому можно делать предложения на основе этого. Большое спасибо!
вы можете попробовать это
<script type="text/javascript"> function changeValue(){ var option=document.getElementById('filter').value; if(option=="A"){ document.getElementById('field').value="A Selected"; } else if(option=="B"){ document.getElementById('field').value="B Selected"; } } </script> <form action ='search.php' method = 'post'> <select name="filter" id="filter" onchange="changeValue();"> <option id="A" value="A">A</option> <option id="B" value="B">B</option> </select> <input type ='text' name="key" id ="field" value ="something that changes based on what option is selected" /> <input type ='submit' value = 'Search' /> </form>
Вам не нужно использовать jQuery (но jQuery делает жизнь проще):
HTML:
<form action ='search.php' method = 'post'> <select id="filter" name="filter"> <option id="A" value="A">A</option> <option id="B" value="B">B</option> </select> <input type ='text' name="key" id ="field" value ="something that changes based on what option is selected" /> <input type ='submit' value = 'Search' /> </form>
Javascript:
document.getElementById('filter').onchange = function () { document.getElementById('field').value = event.target.value }
пример
предоставить filter id для выбора
$(document).ready(function(){ var text_val; $('#filter').change(function(){ text_val = $(this).val(); $('#field').attr('value',text_val); return false; }); });
Пытаться….
$('select[name=filter]').change(function() { var input_field = $('input#field'); switch ($(this).val()) { case 'A': input_field.val('Value if A is chosen'); break; case 'B': input_field.val('Value if B is chosen'); break; } });