单击选择选项显示列表框

时间:2011-04-25 06:04:45

标签: html html5 html-parsing

我正在开发一个表单,当用户选择选择框中的一个选项时,我需要显示一个列表框。这意味着最初将隐藏列表框,当用户点击选项时,应显示列表框。

提前感谢您的快速回复,Tanu

1 个答案:

答案 0 :(得分:1)

这可以通过jQuery轻松完成。

 <select id="Univ">        
        <option value="1">DU</option>
        <option value="2">IIT</option>
        <option value="3">MU</option>
        <option value="4">BHU</option>
    </select>
    <select id="branch">
        <option value="1">Bio</option>
        <option value="2">Chemistry</option>
        <option value="3">Physics</option>
        <option value="4">Engg</option>
    </select>

jQuery的:

$(document).ready(function () {
$('#branch').hide();
            $('#Univ').click(function () {
                $('#branch').show();
            });
});

不要忘记在HTML中包含jQuery参考文件:

<script type="text/javascript" src="jquery.js"></script>