我有一个从数据库生成的表,我想为每个表选择一个下拉列表。我在制作下拉列表时没有遇到任何问题,但我希望其中一个选项显示输入字段。
目前,当您选择输入字段选项“move”时,它会显示我所有结果的输入字段,但它只应显示该特定列表。
提前致谢!
JS小提琴:http://jsfiddle.net/kLTum/
HTML:
<select class='review_select' style='width:100px;'>
<option value='select'>-Select-</option>
<option value='disable'>Disable</option>
<option value='move'>Move</option>
</select>
<br><br>
<select class='review_select' style='width:100px;'>
<option value='select'>-Select-</option>
<option value='disable'>Disable</option>
<option value='move'>Move</option>
</select>
<br><br>
<select class='review_select' style='width:100px;'>
<option value='select'>-Select-</option>
<option value='disable'>Disable</option>
<option value='move'>Move</option>
</select>
<div class='move_to' style='display:none;'>
<p>Rooftop ID</p>
<input type="text" style='width:60px;'/>
<button style='position:absolute; margin-left:8px;'>Go</button>
jQuery的:
$('.review_select').bind('change', function() {
var value = $(this).val(); // get selected value
if (value == 'select') {
$('.move_to').css("display", "none");
}
if (value != 'move' && value != 'select') {
$('.move_to').css("display", "none");
if (window.confirm('Disable Review Record?')) {
window.location = value;
}
}
if (value == 'move') {
$('.move_to').css("display", "");
}
return false;
});