Jquery - 텍스트 필드에서 입력 읽기

Question

다른 선택 상자 "교외"의 선택에 따라 "도시"선택 상자를 채우는 양식이 있습니다. 이것은 내 데이터에 적용됩니다. 대신 내가 텍스트 입력 <input type="text" name="suburb">하고 도시 선택 상자를 채울 입력 텍스트 필드의 값을 사용하고자하는 <select id="suburb"> 상자를 갖는

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 

<script> 
$(document).ready(function() 
{ 
    $("#suburb").change(function(){ 
     var suburb = $(this).val();//get select value 
     $.ajax({ 
      url: "get.php", 
      type: "post", 
      data: { suburb: $(this).val() }, 
      success: function(responce){ 
       $("#city").html(responce); 
      } 
     }); 
    }); 
}); 
</script> 
Suburb: 

<select id="suburb"> 
    <option id="Williamstown">Williamstown</option> 
    <option id="Altona">altona</option> 
    <option id="Newport">newport</option> 
</select> 
<select id="city"></select> 

. 내가

<script> 
$(document).ready(function(){ 
    $("#suburb").keyup(function(){ 
     var suburb = $("#suburb").val(); //get select value 
     $.ajax({ 
      url: "get.php", 
      type: "post", 
      data: { suburb: $("#suburb").val() }, 
      success: function(responce){ 
        $("#city").html(responce); 
      } 
     }); 
    }); 
}); 
</script> 
Suburb: 

<input type="text" name="suburb"> 
<select id="city"></select> 

로 변경 시도하지만 아무것도 반환하지 않습니다

. 당신이 당신의 input 이름 속성을 제공하기 때문에 임 있는지 임은 "교외"필드에 입력을 읽고 제대로 수행하지 않는

Answer 1

, 당신은 이름을 대상 대신 id 수 있습니다

$(document).ready(function() { 
    $('input[name=suburb]').keyup(function() { 
     var suburb = $(this).val(); //get select value 
     $.ajax({ 
      url: "get.php", 
      type: "post", 
      data: { 
       suburb: suburb 
      }, 
      success: function (responce) { 
       $("#city").html(responce); 
      } 
     }); 
    }); 
}); 

Answer 2

이

<script> 
$(document).ready(function() 
{ 
$("#suburb").blur(function() 
    { 
    var suburb = $("#suburb").val();//get select value 
    $.ajax(
    { 
    url:"get.php", 
    type:"post", 
    data:{suburb:$("#suburb").val()}, 
    success:function(responce) 
    { $("#city").html(responce);} 
    }); 
    }); 
    }); 
</script> 
Suburb: 

<input type="text" name="suburb"> 
<select id="city"></select> 

시도