Javascript 如何显示或隐藏<；td>；选择菜单？

我有两个相邻的

。它们都是

下拉菜单。我想显示一个，当且仅当第一个具有选项值或id

scantron

我的职能如下：

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

函数EnableDisableTD（）{
if（$（“#scantron”）.attr（“选定”））{
$（“#版本”）.show（）；
}否则{
$（“#版本”）.hide（）；
}};

这是我的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>

基于计算机的格式
扫描电子格式
1.
2.
3.
4.

---

为什么这对我不起作用？

您需要隐藏

td

，而不是

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

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

。。。
1.
...
像这样的东西应该可以用。您可能没有使用函数

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

// Document ready
$(EnableDisableTD);

你在哪里调用
EnableDisableTD（）
？你的意思是
…
我试过了，但还是显示出来了。。。我是否必须显示：无；？