Javascript 城市的多重选择

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> <

我有一个下拉列表,其中包括组列表和组的各个项目。我希望选择一个组,以便组项目也应根据下拉列表中的组选择自动进行选择。如果选择了组项目,则应取消选择整个组

以下是我的html代码:

  <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());
});