根据提供的下拉值显示文本框

时间:2015-03-20 11:18:46

标签: jquery

我已经通过许多帖子关于显示/隐藏文本框中的特定值下拉。但是我希望这种情况发生在10行而不仅仅是一行,有人可以帮忙吗?

我下面的代码只适用于1行。

实施例: 有一个网格,其中放置下拉和文本框。网格中有10行。因此,根据以下代码,它适用于第一行。但是如果我想在第6行执行此操作,其中存在下拉和文本框;我需要硬编码编码线。所以我需要运行一个从1到10的循环并检查每个下拉列表是否具有特定值,并且onchange事件会相应地触发文本框。



<script>
  $(document).ready(function() {
    window.setInterval(function() {
      for (var k = 1; k < 11; k++) {
        var idx1 = 'Q13_' + k;
        var idx2 = 'Q14_' + k;
        var idx3 = 'Q15_' + k;
        $("input[name='+idx1+']").each(function() {
          $(this).attr("readonly", "true");
          $(this).css("background-color", "#DEDEDE");
        });

        $("input[name='+idx2+']").each(function() {
          $(this).attr("readonly", "true");
          $(this).css("background-color", "#DEDEDE");
        });

        $("input[name='+idx3+']").each(function() {
          $(this).attr("readonly", "true");
          $(this).css("background-color", "#DEDEDE");
        });

        var ccc = 'Q3_' + k;
        var r;
        $("input[name='+ccc+']").each(function() {;
          $(this).change(function() {;
            r = $(this).val();
            if (r != 2 || r != 5 || r != 8) {
              $("input[name='+idx1+']").attr("readonly", "false");;
              $("input[name='+idx1+']").css("background-color", "#000000");;
              $("input[name='+idx2+']").attr("readonly", "false");;
              $("input[name='+idx2+']").css("background-color", "#000000");;
              $("input[name='+idx3+']").attr("readonly", "false");;
              $("input[name='+idx3+']").css("background-color", "#000000");;
            }
          });
        });;

      }
    }, 200);;
  });;
</script>
&#13;
&#13;
&#13;

谢谢, Jigar

1 个答案:

答案 0 :(得分:0)

 $(function() {
     if ($("#yourDropDown").val() <= 10) {

         $("#yourTextBox").show();
     } else {

         $("#yourTextBox").hide();
     }
 });