jQuery更改事件显示点击，交换

Question

我正在尝试让更改事件在下拉菜单中进行交换。如果隐藏了一个，我希望它在值匹配时显示，反之亦然。目前，一旦隐藏了One，并且值发生变化，它仍然是隐藏的。请帮忙。切换不是＆＃39;对我有用。

<label for="filter-select"> Issue Type: </label>
<select class="filter" id="filter-select" name="filtering">
    <option selected="selected">Any</option>
    <option value="incident">Incidents</option>
    <option value="feature">Feature Requests</option>
</select>

$(".sort > tr > td:nth-child(1)").each(function(){
  var textid = $(this).text();
  $(this).attr('id', textid); 
  var id = $(this).attr('id');
   $(".sort > tr").each(function(){
var ide = $(this).children('td:nth-child(1)').attr('id');
$(this).attr('id', ide);

});   

var username = "dariuscastillo12@qa-team.com"
var password = "DpcMixcolt12!!"  
var formurl = "/api/v2/requests/"+id+".json)";
function make_base_auth(user, password) { 
var tok = user + ':' + password
var hash = btoa(tok);
return "Basic " + hash;
}      

 $.ajax({
 type: 'GET',
 url: formurl,
 datatype: "json",
 beforeSend: function (xhr) {
xhr.setRequestHeader('Authorization',make_base_auth(username, password));

},
success: function (result) {

$.each(result, function(i, value) {   

$('.filter').change(function() {
    if ($(this).val() =='any') {
        $('.sort > tr').each(function() {
            $(this).show();
        });
    }

    if ($(this).val() === 'incident') {
        $('.sort > tr').each(function() {
            if (value.ticket_form_id == '59229' & value.id == $(this).attr('id')) {
                console.log('incident', $(this).attr('id'));
                $(this).toggle();  
            }
        });
     }
    else if ($(this).val() === 'feature') {
        $('.sort > tr').each(function() {
            if (value.ticket_form_id == '39365' & value.id == $(this).attr('id')) {
                console.log('new feature', $(this).attr('id'));
                $(this).toggle();
            }
        });
    }      
   }); 
   }) 
} 
});
});   

Answer 1

我想切换不会像你想的那样适用于选择选项。我选择在选中后隐藏选项，并在选择选择中的其他选项时将其显示回来