javascript - 选择标签的 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);

});
});

隐藏其他行并显示选定的行： 更新的小提琴

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