Javascript 如何使单选按钮隐藏，直到在下拉列表中选择一个选项？

当在下拉列表中选择一个选项时，它会显示来自mysql的数据，我需要它是可选择的。因此，我制作了一个单选按钮，但我需要它在选择选项后出现，但它始终在那里。

让您的单选按钮div的id为“radio\u div”，然后选择“select\u options”，然后：

---

我不知道我是否明白，但像这样的事情

HTML:

---

给我们看一些代码。你试过什么？嗨，请看这里：

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

<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>

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';
    }
});