Question

我有两个<td>彼此相邻。它们都是<select>下拉菜单。我想展示一个，如果且仅当第一个选项值或id为scantron时。

我的功能如下：

<script type="application/javascript">
    function EnableDisableTD() {
              if ($("#scantron").attr("selected")) {
                  $("#version").show();
              } else {
              $("#version").hide();
              }};
</script>

这是我的HTML：

<td><select>
  <option selected="selected">Computer Based Format</option>
  <option id="scantron">Scantron Format</option>
</select></td>
<td id="version"><select name="version">
  <option selected="selected">1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
</select></td>

为什么这对我不起作用？

Answer 1

这样的事情应该有效。您可能没有使用.ready()功能。

function EnableDisableTD() {
  $('#version')[$('#scantron').attr('selected')) ? 'show' : 'hide']();
}

// Document ready
$(EnableDisableTD);

Answer 2

您需要隐藏td，而不是select。

Answer 3

尝试将“version”id放在td而不是select：

...   
<td id="version"><select name="version">
      <option selected="selected">1</option>
...

如何显示或隐藏选择菜单？

3 个答案: