如何使单选按钮隐藏，直到在下拉列表中选择一个选项 - How do I make radio button hidden until a option is selected in dropdown?

How do I make radio button hidden until a option is selected in dropdown?

当在下拉菜单中选择一个选项时，它会显示来自mysql的数据，我需要它是可选的。所以我做了一个单选按钮，但我需要它在选择选项后出现，但它总是在那里。

让您的单选按钮div具有"radio_div"的id和您的select-"select_options"，然后：

document.getElementById('select_options').addEventListener('change', function () {
    document.getElementById('radio_div').style.display = 'block';
});

不确定我是否理解，但像这样的东西？

http://jsfiddle.net/zysrcndx/

HTML:

<select id="show">
  <option value="no" selected="selected">not showing</option>
  <option value="yes">showing</option>
</select>
<div id="radio" style="display: none;">
  <input type="radio" name="radio" value="something">Something<br>
  <input type="radio" name="radio" value="somethingelse">Something Else
</div>

JavaScript:

var dd = document.getElementById('show');
var r = document.getElementById('radio');
dd.addEventListener('change', function () {
        if(dd.options[dd.selectedIndex].value == 'no') {
        r.style.display = 'none';
    } else {
        r.style.display = 'block';
    }
});