如何在html中创建多个下拉菜单 [英] How do I create a multiple drop down menu in 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屋!