Question

我正在尝试使用js添加选定的选项以进行标记。我尝试在＆＃34; Shopify＆＃34;上添加嵌入代码。并且它不会改变另一个选项。当使用w3school编辑器时它可以工作。知道为什么它不能在这里工作吗？

<div style="text-align:center;">
  <table border="2">
    <tbody>
      <tr>
        <td>
          <select onchange="genderChoose()" id="userGender"> 
            <option value="null">Choose gender</option><option value="1">Women</option>
            <option value="Men">Men</option> 
          </select>
        </td>
        <td>
          <select id="category">
            <option value="Choose category">Choose category
            </option>
          </select>
        </td>
        <td>
          <input type="text"><input id="searchygolide" type="submit" 
          value="Ygolide it !">
        </td>

      </tr>
    </tbody>
  </table>
  <script>
    function genderChoose(){
      if (document.getElementById("userGender").value == 1) 
      {
        document.getElementById("category").innerHTML = '<option 
        value="shirts">shirts</option><option value ="tops">tops</option>'
      }
    }
  </script>
</div>

Answer 1

在#category之前，您尝试设置为innerHTML元素的value="shirts"的字符串中间似乎存在换行符。您应该会在控制台中看到错误。删除换行符以修复字符串。

<script>
function genderChoose(){
  if (document.getElementById("userGender").value == 1) {
    document.getElementById("category").innerHTML = '<option value="shirts">shirts</option><option value ="tops">tops</option>'
  }
}
</script>

这个js代码不起作用，我需要另一双眼睛

1 个答案: