选择选项ShowHideUsingJavaScript。表中有备注栏，用户需要按备注栏填写。但前端将显示文本标签_Javascript_Html

选择选项ShowHideUsingJavaScript。表中有备注栏，用户需要按备注栏填写。但前端将显示文本标签

javascript html

选择选项ShowHideUsingJavaScript。表中有备注栏，用户需要按备注栏填写。但前端将显示文本标签,javascript,html,Javascript,Html,$（文档）.ready（函数（）{ $（“选择”）.change（函数（）{ $（this）.find（“选项：选中”）.each（函数（）{ var optionValue=$（此）.attr（“值”）；如果（选项值）{ $（“.accept”）.not（“.”+optionValue.hide（）； $（“+optionValue）.show（）； }否则{ $（“.accept”）.hide（）； } }); }).change（）； }); 选择“显示/隐藏”选项 1. 制造商拒绝

$（文档）.ready（函数（）{
$（“选择”）.change（函数（）{
$（this）.find（“选项：选中”）.each（函数（）{
var optionValue=$（此）.attr（“值”）；
如果（选项值）{
$（“.accept”）.not（“.”+optionValue.hide（）；
$（“+optionValue）.show（）；
}否则{
$（“.accept”）.hide（）；
}
});
}).change（）；
});

选择“显示/隐藏”选项
1.
制造商
拒绝
批准
这是被拒绝的
您可以在下面找到
$(document).ready(function() {

    if($("select").val()=='accept'){
      $(".accept").show();
      $("select").find('option:not(:selected)').remove();
    }


  $("select").change(function() {
    $(this).find("option:selected").each(function() {
      var optionValue = $(this).attr("value");
      if (optionValue) {
        $(".accept").not("." + optionValue).hide();
        $("." + optionValue).show();
      } else {
        $(".accept").hide();
      }
    });
  }).change();
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<html>
<head>
  <title>Select Option Show / Hide</title>
</head>

<body>
  <table cellpadding="0" cellspacing="0" border="1">
    <tr>
      <td align="center">1.</td>

      <td align="center">Maker
      </td>
      <td align="center">
        <div>
          <select>
            <option value="reject">Reject</option>
            <option value="accept" selected>Approve</option>

          </select>
        </div>
      </td>

      <!--<td align="center">ProcessFlow</td>-->

      <td align="center">

        <div>This is Rejected</div>

        <div class="accept"><input type="text" placeholder="Enter Remark"></div>

      </td>

    </tr>
  </table>
</body>

</html>

$（文档）.ready（函数（）{
如果（$（“选择”）.val（）=='accept'）{
$（“.accept”）.show（）；
$（“选择”）.find（'option:not（：selected'））.remove（）；
}
$（“选择”）.change（函数（）{
$（this）.find（“选项：选中”）.each（函数（）{
var optionValue=$（此）.attr（“值”）；
如果（选项值）{
$（“.accept”）.not（“.”+optionValue.hide（）；
$（“+optionValue）.show（）；
}否则{
$（“.accept”）.hide（）；
}
});
}).change（）；
});
选择“显示/隐藏”选项
1.
制造商
拒绝
批准
这是被拒绝的
检查问题的新格式，然后运行代码段。您想要的行为已经发生了-我唯一能想到的是您没有在代码中导入jQuery。谢谢！为了获得帮助，它正在工作，但是当输入字段显示它的同时显示两个字段时，当前显示的文本不会消失。我希望一次有一个字段。当一个要被选中，另一个要隐藏时，怎么能这样做呢。只需添加此行$（“选择”）.find（'option:not（：selected'））.remove（）；在$（“.accept”）.show（）之后，我需要添加到哪里。我尝试在if部分中添加“$”（“.select”）.find（'option:not（：selected）））.remove（）；”代码，在else部分中添加“$”（.accept”）.show（），但在某些情况下它不起作用。请指出我犯错误的地方。