![](/img/trans.png)
[英]Update database value from 0 to 1 based on a selected option after form send
[英]Form input value based on option value selected
对于以下表格
<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所以可以根据它提出建议。 非常感谢!
你不必使用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
}
你可以试试这个
<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>
给id filter
选择
$(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;
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.