選択値のスイッチケース

Question

html要素selectから選択された値に基づいてスイッチケースを作成しようとしていますが、コードが実行されていないため問題があるようです。コードは「インスタント検索」のようなものでなければなりません。

$(function(){ 
var $searchInput = $("#search"); 

$("#searchOptions").change(function(){ 
var selection = $("#searchOptions").val(); 
switch (selection) { 

case "Fragment": 
$searchInput.keyup(function(e){ 
var q = $searchInput.val(); 
$.ajax({ 
    type: 'GET', 
    url: 'http://localhost:51834/CoffeeService.svc/getaorderfrag/' + q, 
    success: function(orders){ 

    console.log('success', orders); 
    $.each(orders, function(i, order){ 
     $("#orderTable tbody").append('<tr><td>' + order.ID + 
'</td><td>' + order.Name + '</td><td>' + order.Order + '</td><td>' + order.Price + "-kr;" +'</td></tr>'); 
     }); 
    }, 
    error: function(data){ 
     $searchInput.keyup(function(e){ 
      if(data == "404 (Not Found)"){ 
      $("#orderTable td").remove(); 
      alert("Nothing was found! Sorry :("); 
      } 
     }); 
     } 
    }); 
}); 
    break; 

    case "ID": 
    $searchInput.keyup(function(e){ 
     var id = $searchInput.val(); 
     $.ajax({ 
     type: 'GET', 
     url: 'http://localhost:51834/CoffeeService.svc/getaorder/' + id, 
     success: function(order){ 
      console.log('success', order); 
      if(!order) 
      { $("#orderTable td").remove(); } 
      else{ 
      $("#orderTable tbody").append('<tr><td>' + order.ID + 
     '</td><td>' + order.Name + '</td><td>' + order.Order + '</td><td>' + order.Price + "-kr;" +'</td></tr>'); 
      } 
      }, 
      error: function(data){ 
      if(data == "404 (Not Found)"); 
       $("#orderTable td").remove(); 
      } 
     }); 
     }); 
    break; 
    }); 
    }); 

Answer 1

すべてのFirsrt、私はあなたが VAR選択= $（ "＃のsearchOptions"）を動かすかもしれないと思うのval（）;

と.chage関数スコープ。今のやり方では、変化するたびに新しい価値を捉えているわけではありません。