如何在html中创建多个下拉菜单 [英] How do I create a multiple drop down menu in html

查看:281
本文介绍了如何在html中创建多个下拉菜单的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

大家好,我被要求创建一个表单,用户根据他们的第一个选择提供选项。我试图用html创建这个没有PHP mySql等





我的剧本样本



< select id =question1>

< option value => -Select Your Ootions-< / option>

< option value =optionA>选项A< / option>

< option value =optionB>选项B< / option>

< option value =optionC>选项C< / option>

< / select>



eg如果选择了选项A,则会显示

< select id =question2>

< option value => - 选择您的选项 - < / option>

< option value =optionJ>选项J< / option>

< option value =optionK>选项K< / option>

< option value =optionL>选项L< / option>

< / select>



例如如果选择了选项B,则会显示

< select id =question2>

< option value => - 选择您的选项 - < / option>

< option value =optionP>选项P< / option>

< option value =optionQ>选项Q< / option>

< option value =optionR>选项R< / option>

< / select>



感谢您提前提供任何帮助

Hi guys, I was ask to create a form which user is presented with options based on their first selection. I am trying to create this with only html without PHP mySql etc


sample of my script

<select id="question1" >
<option value="">-Select Your Ootions-</option>
<option value="optionA">Option A</option>
<option value="optionB">Option B</option>
<option value="optionC">Option C</option>
</select>

e.g. if option A is selected, then this is shown
<select id="question2" >
<option value="">-Select Your Options-</option>
<option value="optionJ">Option J</option>
<option value="optionK">Option K</option>
<option value="optionL">Option L</option>
</select>

e.g. if option B is selected, then this is shown
<select id="question2" >
<option value="">-Select Your Options-</option>
<option value="optionP">Option P</option>
<option value="optionQ">Option Q</option>
<option value="optionR">Option R</option>
</select>

Thank you for any help in advance

推荐答案

改编自此示例:

Adapt from this example:
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
</script>
<script>


(document) .ready(function(){

var car =
(document).ready(function(){ var car =


(#car);
var house =
("#car"); var house =


这篇关于如何在html中创建多个下拉菜单的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆