javascript - 如何使用 jquery 在表格中查找重复的下拉行？

Question

有一个表，每行包含一个用户下拉列表。需要防止在表格中选择下拉列表的重复用户。

虽然将上表中的重复用户选择为“easy”，js 代码应保留第一个用户下拉列表，其余重复用户下拉列表要从表中删除。

HTML

Javascript 代码

function  checkDuplicateUserId(obj){
  var user_id=$("#"+obj.id+" option:selected").val();            
  $('tbody#data tr select').each(function (i, row) {
  if ($('tbody#data tr select').find('option[value="' + $(this).val() + '"]').size() > 1) {
      alert();
  } 

  });

}

function  checkAlreadySelected(obj){
    checkDuplicateUserId(obj);
    var num = parseInt($(obj).attr('num'));
    var user_id=$("#"+obj.id+" option:selected").val();            
    var next_user_id=$("#user_id_"+eval(num+1)+" option:selected").val();          
    if(user_id && typeof next_user_id == 'undefined'){
        var row = updateSrNo(num);
        $("#data").append(row);
    }

   }

正如我在 js 代码中提到的，我编写了一个名为 checkDuplicateUserId() 的函数来检测表中的重复下拉列表，不幸的是 alert()选择重复用户时不提示。

我在那里写错的 jquery 代码有什么问题？ 如果您有其他方法可以做到这一点，请说出来

提前致谢

Answer 1

试试这个:

function  checkDuplicateUserId(obj){
  var user_id=$("#"  +obj.id + " option:selected").val();            

  if( $('tbody#data tr select option:selected').filter( function(){ if( $(this).val() == user_id ) return true; } ).length > 1) {
    alert('something');
  }
}