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

Question

我已经浏览了很多有关下拉菜单中显示/隐藏文本框的帖子。 但是我希望这种情况发生在10行中，而不仅仅是发生在1行中，有人可以协助吗？

我随身携带的以下代码仅适用于1行。

示例：有一个网格，其中放置了下拉列表和文本框。 网格中有10行。 因此，按照下面的代码，它对于第一行工作正常。 但是，如果我想在其中存在下拉列表和文本框的第六行执行此操作； 我需要对代码行进行硬核。 因此，我需要运行一个从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> 

谢谢智嘉

Answer 1

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

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

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