Корпус переключателя с выбором значения

Question

Я пытаюсь сделать случай переключения на основе значения, выбранного из элемента html, но у меня возникают проблемы, так как код не выполняется. Код должен быть чем-то вроде «мгновенного поиска».

$(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 всего, я думаю, вы могли бы переместить выбора вар = $ ("# ориентировочная цена") Вал().

в. Функция функция scope. Как сейчас, вы не получаете новое значение каждый раз, когда оно изменяется.