显示每个选择的输入下拉列表

时间:2014-04-18 16:12:56

标签: jquery class select input

我有一个从数据库生成的表,我想为每个表选择一个下拉列表。我在制作下拉列表时没有遇到任何问题,但我希望其中一个选项显示输入字段。

目前,当您选择输入字段选项“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;
});

0 个答案:

没有答案