jQuery -根据3个输入字段值过滤列表

// 获取输入字段的值
var input1Value = $('#input1').val();
var input2Value = $('#input2').val();
var input3Value = $('#input3').val();

// 监听输入字段的变化
$('#input1, #input2, #input3').on('change', function() {
  // 获取输入字段的最新值
  input1Value = $('#input1').val();
  input2Value = $('#input2').val();
  input3Value = $('#input3').val();
  
  // 过滤列表
  $('.list-item').hide(); // 隐藏所有列表项
  
  $('.list-item').filter(function() {
    // 根据输入字段的值进行过滤
    var listItemValue1 = $(this).data('value1');
    var listItemValue2 = $(this).data('value2');
    var listItemValue3 = $(this).data('value3');
    
    return listItemValue1 === input1Value && listItemValue2 === input2Value && listItemValue3 === input3Value;
  }).show(); // 显示符合条件的列表项
});