Question

我有一个下拉菜单，当＆＃34;内部＆＃34;选中我想隐藏某些文字（id =＆＃34; hide-this＆＃34; part）。为什么我的代码没有工作？此外，这需要使用Javascript！

执行

 HTML
       <tr>
            <td class="name">Affiliate Type: </td>
            <td class="value">
                <div style="float:left;">
                    <select id="affiliate_type" size="0" name="affiliate_type">
                      <option value="internal">Internal</option>
                      <option value="external">External</option>
                      <option value="network" selected="selected">Network</option>
                    </select>                   
                </div>

                <div id="hide-this" style="float:left;">
                    <label for="web_access_1"><input type="checkbox" id="web_access_1" name="web_access[]" value="1">Restrict access to web</label>                        
                    <label for="app_access_1"><input type="checkbox" id="app_access_1" name="app_access[]" value="1" checked="checked">Restrict access to app</label>  
                </div>
            </td>
        </tr>

的Javascript

 var sel = document.getElementById('affiliate_type');
 if (sel.options[sel.selectedIndex].value == 'internal') {
     document.getElementById('hide-this').style.display = 'none';
}

Answer 1

你必须打电话给你的代码！附加onchange处理程序：

document.getElementById('affiliate_type').onchange = function() {
    if (this.options[this.selectedIndex].value == 'internal') {
        document.getElementById('hide-this').style.display = 'none';
    }
}

小提琴：http://jsfiddle.net/xdonxwp1/

使用Javascript获取选择选项值

1 个答案: