选择标记的DOM代码

Question

这是小提琴

http://jsfiddle.net/MfdR4/

我想，如果你选择了否。然后根据那个数字出现了行！

var number_opt = document.getElementById("opt_select");
var opt;
for (var i = 1; i <= number_opt.value; i += 1) {
  opt = '"#opt_row_' + i + '"';
  $(opt).show(100);
}

这会有效吗！我知道这很愚蠢！

Answer 1

是的，你可以......使用change()事件。

试试这个

$(function () {
  $("#opt_row_1,#opt_row_2,#opt_row_3").hide(0);  //<--using multiselector
  $("#opt_select").change(function () {
    var $val = this.value;
    $('#opt_row_' + $val).show(100);

  });
});

<强>更新

如果要在显示所选行之前隐藏其他行，则

$(function () {
$("#opt_row_1,#opt_row_2,#opt_row_3").hide(0);


$("#opt_select").change(function () {
    $("#opt_row_1,#opt_row_2,#opt_row_3").hide(0);
    var $val = this.value;
    $('#opt_row_' + $val).show(100);

});
});

隐藏其他行并显示所选行： updated fiddle

简单小提琴仅显示所选行：fiddle here