Javascript 城市的多重选择
我有一个下拉列表,其中包括组列表和组的各个项目。我希望选择一个组,以便组项目也应根据下拉列表中的组选择自动进行选择。如果选择了组项目,则应取消选择整个组 以下是我的html代码:Javascript 城市的多重选择,javascript,jquery,html,Javascript,Jquery,Html,我有一个下拉列表,其中包括组列表和组的各个项目。我希望选择一个组,以便组项目也应根据下拉列表中的组选择自动进行选择。如果选择了组项目,则应取消选择整个组 以下是我的html代码: <option class="options" value="allinone" id="puneid" >Pune</option> <option class="options" value="1">pune-loc</option> <
<option class="options" value="allinone" id="puneid" >Pune</option>
<option class="options" value="1">pune-loc</option>
<option class="options" value="2">pune-loc1</option>
<option class="options" value="3">pune-loc2</option>
<option class="options" value="16">pune-loc3</option>
<option class="mumbai" value="allinone" id="mumbaiid" >Mumbai</option>
<option class="mumbai" value="1">mum-loc</option>
<option class="mumbai" value="2">mum-loc1</option>
<option class="mumbai" value="3">mum-loc2</option>
<option class="mumbai" value="16">mum-loc3</option>
<option class="mumbai" value="26">mum-loc5</option>
</select>
我想要一个输出,比如当我点击Pune时,Pune下的位置应该选择,当我点击Mumbai时,Mumbai下的位置应该选择
当我们选择这两个城市时,孟买和浦那这两个城市应该选择。当我们单击子区域时,只有子区域应该选择使用此子区域*
<select multiple>
<option class="options" value="allinone" id="puneid" >Pune</option>
<option class="options" value="1">pune-loc</option>
<option class="options" value="2">pune-loc1</option>
<option class="options" value="3">pune-loc2</option>
<option class="options" value="16">pune-loc3</option>
<option class="mumbai" value="allinone" id="mumbaiid" >Mumbai</option>
<option class="mumbai" value="1">mum-loc</option>
<option class="mumbai" value="2">mum-loc1</option>
<option class="mumbai" value="3">mum-loc2</option>
<option class="mumbai" value="16">mum-loc3</option>
<option class="mumbai" value="26">mum-loc5</option>
试试这个:
$('#mumbaiid').click(function(){
var self = $(this);
if(self.val() == 'allinone'){
$("."+self.attr('class')).prop('selected',true);
// or you can also use
// self.siblings("."+self.attr('class')).prop('selected',true);
}
else
{
self.find('.mumbai:first').prop('selected', false)
}
})
这里是工作演示。
您可以获得如下所示的选定值:
$("select option:selected").each(function (){
alert($(this).val());
});
你有没有试过和它有关的东西。您可以在dropdownlist中搜索多个选项。看一看,我只是在处理html。我不知道asp。你能提供html和JS格式的代码吗?你可以使用html输入来代替asp.net控件。它正在工作……但是我们如何才能获得所有选定的值?你想得到什么?客户端或服务器端??客户端本身…之后,我将以php文件的形式将这些值发布到服务器端。有时,onclcik on id函数没有加载…在我的系统中,它工作正常..但有时,它在我的系统中不工作,而在其他系统中也不工作..这可能是什么原因?我使用了$window.loadfunction{};
$("select option:selected").each(function (){
alert($(this).val());
});