你能帮我这个功能吗

Question

i need to know what is the error from my function because when i change the select an option on my filter button it does not work can you help me this is my code.

 $("#date_employed").on("change", function() { var selected = this.value; if (selected != "All") { rows.filter("[name=" + selected + "]").show(); rows.not("[name=" + selected + "]").hide(); var visibleRows = rows.filter("[name=" + selected + "]"); } else { rows.show(); } }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button type="button" name="action" id="action" class="btn btn-warning">Add</button> <select id="date_employed" class="btn btn-danger dropdown-toggle"> <option value="choose">Filter</option> <option value="first_name">First Name</option> <option value="last_name">Last Name</option> </select> 

Answer 1

The < / script was missing > and you had }); to many:

<script>
$("#date_employed").on("change", function(){
  var selected = this.value;

    if(selected != "All"){
        rows.filter("[name="+selected+"]").show();
        rows.not("[name="+selected+"]").hide();
        var visibleRows = rows.filter("[name="+selected+"]");
    }
    else {
        rows.show();
    }
});  
</script>                                                                                                                       
<button type="button" name="action" id="action" class="btn btn-warning">Add</button>
<select id="date_employed" class="btn btn-danger dropdown-toggle">
  <option value="choose">Filter</option>
  <option value="first_name">First Name</option>
  <option value="last_name">Last Name</option>
</select>

And you can also do:

var selected = $(this).val();