Javascript 根据第一个选择下拉列表的选择填充第二个选择下拉列表,并填充单选按钮下方的外部内容
我有两个下拉列表A,B和两个单选按钮标记为是,否进入一个HTML页面。让我们假设一个例子 下拉菜单A包含车辆、宠物、人、汽车和两轮车 下拉列表B-基于一个列表A选项,选择该选项将生成下拉列表B i、 e.如果选择“车辆”,列表B应生成“车辆、电机、宠物”。 如果选择“人”,列表B应生成“电机、两轮车”等 根据这两个下拉值,单击“是”时,radiobutton将在其下方生成一些字段,否则单击“否”时,它将显示一些其他字段 请任何人谁在这方面是好的,请帮助我整理这个问题。我正在使用jquery mobile,它对我不起作用。无论如何,先谢谢你 HTML代码:Javascript 根据第一个选择下拉列表的选择填充第二个选择下拉列表,并填充单选按钮下方的外部内容,javascript,jquery,html,dom,Javascript,Jquery,Html,Dom,我有两个下拉列表A,B和两个单选按钮标记为是,否进入一个HTML页面。让我们假设一个例子 下拉菜单A包含车辆、宠物、人、汽车和两轮车 下拉列表B-基于一个列表A选项,选择该选项将生成下拉列表B i、 e.如果选择“车辆”,列表B应生成“车辆、电机、宠物”。 如果选择“人”,列表B应生成“电机、两轮车”等 根据这两个下拉值,单击“是”时,radiobutton将在其下方生成一些字段,否则单击“否”时,它将显示一些其他字段 请任何人谁在这方面是好的,请帮助我整理这个问题。我正在使用jquery mo
<form method="post">States:
<select name="Select1">
<option>NJ</option>
<option>NY</option>
<option>PA</option>
<option>TX</option>
</select>
</form>
<br>
<br>
<form method="post">City List:
<select name="Select2">
<option>Trenton</option>
<option>Albany</option>
<option>Philly</option>
<option>Newark</option>
<option>NYC</option>
<option>Pittsburgh</option>
<option>Hackensack</option>
<option>Niagara</option>
<option>Harrisburg</option>
</select>
$(function () {
var $States = $('select[name=Select1]');
var $Cities = $('select[name=Select2]');
var $citiesList = $Cities.find('option').clone();
var workerandFruits = {
NJ: ["Trenton", "Newark", "Hackensack"],
NY: ["Albany", "NYC", "Niagara"],
PA: ["Philly", "Pittsburgh", "Harrisburg"]
}
$States.change(function () {
var $selectedWorker = $(this).find('option:selected').text();
$Cities.html($citiesList.filter(function () {
return $.inArray($(this).text(), workerandFruits[$selectedWorker]) >= 0;
}));
});
});
要求2:
<form method="post">States:
<select name="Select1">
<option>NJ</option>
<option>NY</option>
<option>PA</option>
<option>TX</option>
</select>
</form>
<br>
<br>
<form method="post">City List:
<select name="Select2">
<option>Trenton</option>
<option>Albany</option>
<option>Philly</option>
<option>Newark</option>
<option>NYC</option>
<option>Pittsburgh</option>
<option>Hackensack</option>
<option>Niagara</option>
<option>Harrisburg</option>
</select>
$(function () {
var $States = $('select[name=Select1]');
var $Cities = $('select[name=Select2]');
var $citiesList = $Cities.find('option').clone();
var workerandFruits = {
NJ: ["Trenton", "Newark", "Hackensack"],
NY: ["Albany", "NYC", "Niagara"],
PA: ["Philly", "Pittsburgh", "Harrisburg"]
}
$States.change(function () {
var $selectedWorker = $(this).find('option:selected').text();
$Cities.html($citiesList.filter(function () {
return $.inArray($(this).text(), workerandFruits[$selectedWorker]) >= 0;
}));
});
});
现在让我在下拉菜单下面有两个单选按钮“是”或“否”
选择第一个下拉状态为“NY”,第二个下拉城市为“尼亚加拉”,点击“是”,则外部内容应根据相应的两个下拉值加载。如果“否”,则应加载相应的外部内容。假设任何内容都是您自己的示例。请帮我做这个。提前谢谢。您有任何代码要显示吗?请检查此代码:Thank you@Ved…但这在jQuery1.6.2中不起作用。。我需要的不是标签,而是标签中的解决方案,因为我正在jQuery mobile framework中开发…@Ved抱歉,您的解决方案正在工作,但我需要的是标签中的解决方案。这是模型代码@dcodesmith