javascript - 未捕获的类型错误 : sujet is not a function-6ren

javascript - 未捕获的类型错误 : sujet is not a function

转载作者：行者123 更新时间：2023-12-03 02:11:13

在这里我尝试了一切，但没有任何效果，我不明白为什么。

然后是目标，当用户选择其他时我想显示一个输入主题，但出现此错误

  <div class="input-field col s12">
    <select id="selectsujet" onchange="sujet()">
      <option value="" disabled selected>Choisissez une option</option>
      <option value="1">Demande Posteur</option>
      <option value="2">Demande 365 days</option>
      <option value="3">Report User</option>
      <option value="4">Demande de debannissement</option>
      <option value="5">Autre... (préciser)</option>
    </select>
    <label>Sujet</label>
</div>
<div id="sujet" style="display: none" class="row">
    <div class="col s12 m12 l12">
        <div align="center" class="input-field col s12">
          <input id="sujet" type="text" class="validate">
          <label for="sujet">Sujet</label>
        </div>
    </div>               
</div>


<script>
    function sujet() {
        s = document.getElementById("selectsujet").value;
        if(s == "5")
        {
            $("#sujet").show();
        }else{
            $("#sujet").hide();
        }
    }
</script>

最佳答案

我会将其作为新答案发布，因为我的第一个答案仍然与您的“第一”问题(您编辑的帖子)相关。

工作示例
(可能不是您想要的完全正确的代码，但它显示了一个工作版本，您应该根据需要对其进行编辑)

额外(感谢@Teemu)
您的问题中有 2 个带有 sujet 的 id，它们应该是唯一的

<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
  </script>
</head>

<body>
  <div class="input-field col s12">
    <select id="selectsujet" onchange="sujet()">
      <option value="" disabled selected>Choisissez une option</option>
      <option value="1">Demande Posteur</option>
      <option value="2">Demande 365 days</option>
      <option value="3">Report User</option>
      <option value="4">Demande de debannissement</option>
      <option value="5">Autre... (préciser)</option>
    </select>
    <label>Sujet</label>
</div>
<div id="sujet" class="row">
    <div class="col s12 m12 l12">
        <div align="center" class="input-field col s12">
          <input type="text" class="validate">
          <label for="sujet">Sujet</label>
        </div>
    </div>               
</div>
<script>
 function sujet() {
        s = document.getElementById("selectsujet").value;
         if(s == "5")
    {
        $("#sujet").show();
    }else{
        $("#sujet").hide();
    }
    }</script>
</body>
</html>