Question

我有这段代码可以正常使用选择选项：

HTML

   <select onchange="java_script_:show(this.options[this.selectedIndex].value)">
    <option value="Apple">Apple</option>
    <option value="Orange">Orange</option>
    <option value="Bananna">Bananna</option>
    </select>


 <div id="hiddenDiv" style="display:none">Hidden Question about Oranges</div>

脚本

 <script>
    function show(aval) {
    if (aval == "Orange") {
    hiddenDiv.style.display='inherit';
    } else {
    hiddenDiv.style.display='none';
    }
    }
    </script>

有什么想法，如果那些是单选选项，如何使此代码正常工作？

Answer 1

尝试一下

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<form id="myForm">
  <input type="radio" name="radioName" id="Apple"/> Apple <br>
  <input type="radio" name="radioName" id="Orange" /> Orange <br>
  <input type="radio" name="radioName" id="Bananna" /> Bananna <br>
</form>

<div id="hiddenDiv" style="display:none">Hidden Question about Oranges</div>
<script>
$('#myForm input').on('change', function() {
   if ($(this).attr('id') == "Orange") {
      hiddenDiv.style.display='inherit';
    } else {
      hiddenDiv.style.display='none';
    } 
});
</script>

Answer 2

我的JQuery解决方案：

log(2) < 1

仅在选择特定广播项目时显示DIV

2 个答案: