如何使用表中的javascript检查值是否存在

Question

<select name="product">
<option value="1">A</option>
<option value="2">B</option>
<option value="3">C</option>
</select>

<table id="ListProduct">
<tr data-id="1"><td>A</td></tr>
<tr data-id="4"><td>D</td></tr>
<tr data-id="5"><td>E</td></tr>
<tr data-id="6"><td>F</td></tr>
<tr data-id="7"><td>G</td></tr>
</table>

而我的javascript：

$('select[name=product]').on('change', function(){
   var pid = $('select[name=product]').val();
   var table = $('#ListProduct');
   var check_value = $(table).find("tr").data('id').eq(pid);
   if(check_value) alert("ID exist") else alert("Not exist");
});

当我选择value = 1时，带来错误。 如何解决？

Answer 1

试试这个： http : //jsfiddle.net/leojavier/1bnkfb06/

$('select[name=product]').on('change', function(){
   var pid = $(this).val();
   var table = $('#ListProduct');
   var check_value = $(table).find("tr").data('id');

   if(check_value == pid) {
       console.log("ID exist") 
   }
       else {
           console.log("Not exist");
       }
});

Answer 2

添加一个新选项以确保还可以找到A的ID

 $('select[name=product]').on('change', function(){ var pid = $(this).val(); var table = $('#ListProduct'); var check_value = $(table).find("tr").data('id'); (check_value == pid)?alert('ID exists'):alert('ID does not exist');//check if id exists }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select name="product"> <option>select</option> <option value="1">A</option> <option value="2">B</option> <option value="3">C</option> </select> <table id="ListProduct"> <tr data-id="1"><td>A</td></tr> <tr data-id="4"><td>D</td></tr> <tr data-id="5"><td>E</td></tr> <tr data-id="6"><td>F</td></tr> <tr data-id="7"><td>G</td></tr> </table> 

Answer 3

由于代码中的.data('id')返回了没有.eq方法的整数，因此会出现.eq 。 .eq是jQuery对象的方法。

另请注意， .data作为getter返回集合中第一个元素的值。 您应该遍历tr集合并过滤匹配的元素，或者使用jQuery选择器引擎的功能：

$('select[name=product]').on('change', function() {
   var $tr = $('#ListProduct tr[data-id="'+ this.value +'"]');

   if ( $tr.length ) {
      alert("ID exist");
   } else { 
      alert("Not exist");
   }
});

Answer 4

您需要检查product的值是否与listproduct中的数据ID相匹配，就像这样。 http://jsfiddle.net/38e2h5ao/

$('select[name=product]').on('change', function () {
    var pid = $('select[name=product]').val();
    var table = $('#ListProduct');
    var exist;
    $(table).find("tr").each(function () {
        var check_value = $(this).data('id');
        if (check_value == pid) {
            exist = true;
        }
    });

    if (exist) alert("ID exist");
    else alert("Not exist");
});