2014-09-24 1 views
3

작업중인 코드에 문제가 있습니다. 나는 분명히 PHP와 MySQL에 익숙하지 않다. 다른 옵션을 선택하면 mysql 데이터베이스에서 옵션 필드를로드하려고합니다. I 옵션옵션을 선택할 때 자동로드 옵션 PHP/MySQL

<select name=state> 
    <option value=Lagos>Lagos</option> 
    <option value=Abuja>Abuja</option> 
    <option value=Rivers>Rivers</option> 
    </select> 

및 옵션의 또 다른 세트가 : 말을하는 것입니다

<select name=City> 
    <option value=Lekii>Lekki</option> 
    <option value=VI>VI</option> 
    <option value=Ikoyi>Ikoyi</option> 
    </select> 

을 나는 국가와 도시 에 대한 있는 장소 및 테이블이라는 데이터베이스가 내가로드 할이 상태를 선택할 때 해당 도시 목록. 즉, 라고스를 선택하면 라고스의 모든 도시가 다른 드롭 다운 메뉴에 채워집니다.

두 개의 선택 입력란이 있습니다.

도와주세요.

+0

'ajax'요청을 만들고 드롭 다운 값을 기준으로 데이터베이스에서 데이터를 가져옵니다. –

+0

작업중인 코드를 게시하십시오. – Paolo

+0

Kartikeya가 언급했듯이 아약스가 최선의 선택이지만, 먼저 조사한 것을 보여주세요! – freerunner

답변

6

응용 프로그램 아키텍처와 기본 설정에 따라 : 당신은 서버에 Ajax 호출을 선택한 상태에 따라 도시를 해당 얻을 때마다 할 수

. 게시물 Auto-populating Select Boxes using jQuery & AJAX을 따르십시오.

또는 당신은 JSON 형식의 상태에 따라 모든 도시를 미리로드하고 선택한 상태에 따라 도시를 해당 표시 할 수 있습니다. Jsfiddle에서 제 작업 예제 here을 참조하십시오.

<head> 
    <title></title> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
    <script type="text/javascript"> 
    // you need to fill this cities value getting data from city table of your DB 
cities = { 
    "Lagos": ["LagosCity1", "LagosCity2"], 
    "Abuja": ["AbujaCity1", "AbujaCity2", "AbujaCity3"], 
    "Rivers": ["RiversCity1", "RiversCity2", "RiversCity3"] 
} 
$(document).ready(function() { 
    $('#state').change(function() { 
     var state = $(this).val(); 
    if(cities[state] && cities[state].length > 0) 
    $("#Scity").html(''); 
    $.each(cities[state], function(i, city) { 
      $("<option>").attr("value", city).text(city).appendTo("#Scity"); 
     }); 
    }); 
}); 
</script> 
</head> 
<body> 
State: <select id='state' name='state'> 
    <option value=0>Select</option> 
    <option value='Lagos'>Lagos</option> 
    <option value='Abuja'>Abuja</option> 
    <option value='Rivers'>Rivers</option> 
</select> 
City: <select id="Scity" name='city'></select> 
</body> 
</html> 

또는

상태를 선택하고 그 상태에 속하는 만 표시 도시의 종류를 참조하십시오 동안 당신은 기본적으로 도시 선택 상자에서 모든 도시를 보여 도시를 필터링 할 수 있습니다 예 : here.

+1

와우. 이것은 매우 도움이되었습니다. 나는 늦게 대답하고있어 죄송합니다. –

+1

@EstheronsSamuel, 감사합니다. 도움이된다면 답장을 보내 주시면 답변을 수락 하시겠습니까? –

3

Ajax 호출을 사용하여 선택한 상태를 기준으로 데이터를 가져와야합니다.

관련 문제