如何在下拉列表中选择选项之前隐藏单选按钮?

时间:2015-12-12 13:20:50

标签: javascript php html

当在下拉列表中选择一个选项时,它会显示来自mysql的数据,我需要它才能被选中。所以我制作了一个单选按钮,但我需要在选择选项后出现,但它总是存在。

2 个答案:

答案 0 :(得分:0)

让你的radiobuttons div的id为" radio_div"和你的选择 - " select_options",然后:

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

答案 1 :(得分:0)

不确定我是否理解,但是这样的事情?

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