使用jquery使用2个下拉选项过滤项目

<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>

<select id="option1">
  <option value="">请选择选项1</option>
  <option value="option1_value1">选项1值1</option>
  <option value="option1_value2">选项1值2</option>
</select>

<select id="option2">
  <option value="">请选择选项2</option>
  <option value="option2_value1">选项2值1</option>
  <option value="option2_value2">选项2值2</option>
</select>

<ul id="projectList">
  <li data-option1="option1_value1" data-option2="option2_value1">项目1</li>
  <li data-option1="option1_value1" data-option2="option2_value2">项目2</li>
  <li data-option1="option1_value2" data-option2="option2_value1">项目3</li>
  <li data-option1="option1_value2" data-option2="option2_value2">项目4</li>
</ul>

$(document).ready(function() {
  $('#option1, #option2').change(function() {
    var option1Value = $('#option1').val();
    var option2Value = $('#option2').val();
    
    $('#projectList li').hide(); // 隐藏所有项目
    
    if (option1Value && option2Value) {
      $('#projectList li[data-option1="' + option1Value + '"][data-option2="' + option2Value + '"]').show();
    } else if (option1Value) {
      $('#projectList li[data-option1="' + option1Value + '"]').show();
    } else if (option2Value) {
      $('#projectList li[data-option2="' + option2Value + '"]').show();
    } else {
      $('#projectList li').show(); // 显示所有项目
    }
  });
});