이전 선택 기준으로 자동 드롭 다운 변경

-2

이전 선택에서 선택한 항목을 기반으로 드롭 다운 선택을 변경하려고합니다. 그래서 저는 자동차 제조사와 모델을위한 값을 저장하기위한 데이터베이스를 가지고 있습니다. 구조체는 id, make, model입니다. 현재 make를 가져온 다음 모델을 가져온 다음 Make 선택 및 모델 선택을위한 함수를 호출하지만 모두 보여줍니다. . 그럼 어떻게해야합니까? 여기를 둘러 보았지만 물건을 보았지만 혼란스럽고 익숙하지 않습니다.이전 선택 기준으로 자동 드롭 다운 변경

내 현재 코드가 필요하다고 생각하지 않지만 필요한 경우 알려주세요. 그래서 당신이 무슨 뜻인지 모르겠지만, 내 이해를 기반으로하지

출처

2017-10-16 David Tennant

의 값을 변경시 선택 웁니다 *. 이 [link] (https://stackoverflow.com/questions/11237900/first-drop-down-menu-to-auto-change-the-options-of-a-second-dropdown)을 확인하십시오 –

좋습니다, 제가 취할 것입니다. 고마워. –

[페이지를 새로 고침 할 때 자바 스크립트를 사용하여 동적으로 드롭 다운을 선택한 다음 다른 드롭 다운을 변경하는 등] 가능한 복제본 (https://stackoverflow.com/questions/45705095/selected-drop-down-dynamically-using-javascript-when- 페이지 다시로드 및 변경 예정) – Gagantous

임,

당신은 두 개의 드롭 다운 선택, 부모와 같은 하나의 선택을하고 아이가 선택이며 두 번째는, 아이 드롭 다운 값을 선택에 따라 다릅니다 부모님 선택, 그게 무슨 뜻이야?

이 할 수있는 간단한 방법은, JQuery와 및 아약스를 사용하는 것입니다

이 경우, 당신은이 작업을 수행하는 기본 아약스와 이벤트 리스너를 읽을 필요

첫번째 선택 드롭 다운 ,

<select id="parent_select"> 
</select> 

<select id="child_select"> 
</select>

/*이 채워집니다 부모를 선택 */

/이 자녀가 부모 당신은`ajax`와`jquery` 또는`javascript`을 사용할 필요가 */

$(document).on("change", "#parent_select", function(){ 
    var parent_id = $(this).attr("id"); 

    $.ajax({ 
     url: 'url that will display child data where parent_id = parent_id ', 
     type: 'POST', 
     dataType: 'json', 
     data: { 'parent_id' : parent_id } /* you are passing parent_id*/ 
     success: function(data){ 
       $("#child_select").empty(); 
       var output = ""; 
       $.each(data, function(a,b){ 
        output += "<option id="+b.child_id+">"+b.child_desc+"</option>"; 
       }) 
       $("#child_select").append(output); 
     } 
    }) 
})

출처

2017-10-16 03:36:26 apelidoko

이전 선택 기준으로 자동 드롭 다운 변경

답변

관련 문제