如何从多个下拉列表中选择验证所选值？

Question

示例我们有3个选择标签。

• 选择＃1 - ＆gt;奥迪
• 选择＃2 - ＆gt;萨伯
• 选择＃3 - ＆gt;奥迪

那么如何在更新或选择时检查所有选定标签中的所有选定值？以及如何阻止它提交？

HTML

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="vw">VW</option>
  <option value="audi" selected>Audi</option>
</select>

<select>
  <option value="volvo">Volvo</option>
  <option value="saab" selected>Saab</option>
  <option value="vw">VW</option>
  <option value="audi">Audi</option>
</select>

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="vw">VW</option>
  <option value="audi" selected>Audi</option>
</select>

Answer 1

您可以使用jQuery this来获取验证部分。首先获取所选的新值，然后检查其他select标记的值是否匹配，然后触发重复。

以下是JSFiddle

示例

$("select").change(function(){
var newVal = $(this).val();

$(this).siblings().each(function(){
if($(this).val() == newVal)
{
alert("duplicate");
}
});

});

- 帮助：）