Javascript 同一页面上相同功能的多个下拉列表

Javascript 同一页面上相同功能的多个下拉列表,javascript,c#,jquery,asp.net-mvc,Javascript,C#,Jquery,Asp.net Mvc,我的问题是,如何在同一页面上为C#中的相同功能显示多个下拉列表。假设我在一个页面上有3个面板,我想在所有三个面板中显示一个下拉列表,但是更改一个下拉列表的值也会导致更改其他下拉列表的值。 我不能在JS中使用id访问,因为如果同一页上有3个相同id的下拉列表,即id不是唯一的,那么Java脚本就不能执行操作。只需将同一类应用于所有下拉列表,并在更改任何下拉列表时将该值设置为所有下拉列表,请查找下面的代码段 $(.selectclass”)。在(“更改”,函数()上{ $(“.selectclas

我的问题是,如何在同一页面上为C#中的相同功能显示多个下拉列表。假设我在一个页面上有3个面板,我想在所有三个面板中显示一个下拉列表,但是更改一个下拉列表的值也会导致更改其他下拉列表的值。
我不能在JS中使用id访问,因为如果同一页上有3个相同id的下拉列表,即id不是唯一的,那么Java脚本就不能执行操作。

只需将同一类应用于所有下拉列表,并在更改任何下拉列表时将该值设置为所有下拉列表,请查找下面的代码段

$(.selectclass”)。在(“更改”,函数()上{
$(“.selectclass”).val($(this.val());
});

沃尔沃汽车
萨博
梅赛德斯
奥迪
沃尔沃汽车
萨博
梅赛德斯
奥迪
沃尔沃汽车
萨博
梅赛德斯
奥迪

您可以为所有三个下拉列表和调用更改事件分配不同的类

  <select id="ddlUnquie" class="one" >
<option value="firstvalue">first dropdown text</option>
<option value="firstsecond">first second text</option>
</select>
 <br>
<br>
  <select id="ddlUnquie" class="two" >
  <option value="firstvalue">first dropdown text</option>
<option value="firstsecond">first second text</option>
</select>
<br>
<br>
 <select id="ddlUnquie" class="three" >
<option value="firstvalue">first dropdown text</option>
<option value="firstsecond">first second text</option>
</select>

您还可以使用jsfillde link

使用具有不同数字的类名,如
drop1
drop2
等。这样,您可以在jquery中对不同的下拉列表进行不同的更改。您可以使用jquery克隆下拉列表来完成此操作。根据您的选择在克隆后设置ID]Sorangwala一件事我需要对所有下拉列表进行相同的更改,在一秒钟内进行更改,我没有特定数量的下拉列表,面板是动态的,我可能会使用类似索引的数组,但这将更加复杂。我的所有作品都有相同的等级,如果你有100个面板或1000个面板呢?您不能应用不同的类并像这样调用每个类。使用相同的类名并按类访问它是有效的。您可以使用相同的类名@SaqibJaved@SaqibJaved欢迎您随时乐意帮助您干杯:)
$(".one").change(function()
  {
    alert($(this).val());
  })
   $(".two").change(function()
    {
    alert($(this).val());
   })
  $(".three").change(function()
     {
       alert($(this).val());
    })