JSP로 텍스트 상자에 자동 채우기

-1

페이지에 두 개의 텍스트 상자가 있습니다. 내가 첫 번째 텍스트 상자를 선택하면 MySQL 데이터베이스에서 가져 오는 국가 목록을 얻습니다. jQuery를 사용하여이 작업을 수행했습니다. 이제 문제는 다음과 같습니다.

두 번째 텍스트 상자에 모든 이벤트 (특히 버튼)가 없으면 자동으로 상태가 채워집니다.

아무도 아이디어가 있습니까? onselect, onclick 등과 같은 대부분의 JavaScript 이벤트를 사용했지만 사용하지는 않았습니다.

그리고 드롭 다운 목록을 사용하지 않아도됩니다.

출처

2010-12-10 srikanth

사용자가 첫 번째 콤보에서 값을 선택하면 그 값으로 두 번째 필터링을 채우고 싶습니까? – madeinstefano

IX NOT COMBO ITS TEXT BOX – srikanth

.ajax 또는 .get을 사용하여 데이터베이스에서 국가 목록을 얻으십니까? 그렇다면 .getJSON을 대신 사용해보십시오. 효과적으로 응답 배열을 제공 할 수 있으므로 AJAX 스크립트 data.countries에서 첫 번째 응답을 의미하며 json 배열의 두 번째 요소는 data.states입니다.

jQuery를

$("#text-box").click(function(){ 
    $.getJSON('ajax/get-locations.jsp', function(data) { 
     $('#div-countries').html(data.countries); 
     $('#div-states').html(data.states); 
    }); 
});

JSP

// Query to get countries 
// Build html for countries list (stored in $countriesHTML) 

// Query to get states 
// Build html for states list (stored in $statesHTML) 

// Put html in json array and echo/print/output the json as the result of your script (in the below format, replace $countriesHTML and $statesHTML with your own variables for the HTML). 

echo '{ "countries": $countriesHTML, "states": $statesHTML }'

내가 그것을 코드에 시도되지 한 이유입니다 내가 나이에 JSP를하지 한이 말이 희망하지만, 위의 seudo가 -code는 스크립팅 언어에 적용 할 수있는 이론이어야합니다.

출처

2010-12-10 11:50:42 Petet

답글을 보내 주신 데 대해 감사드립니다.하지만 JSP로 JQuery를 사용했습니다. 그러나 저는 JSON을 이해하지 못했습니다. 자습서의 링크를 알려주십시오. – srikanth

위의 javascript 코드는 jQuery입니다. 함수는 .get()와는 반대로 .getJSON()이라는 함수를 호출합니다. JSP 스크립트의 결과를 인쇄하는 대신 국가를 JSON 배열의 한 요소에 넣고 국가를 다른 배열에 배치합니다 (위 참조). 다음은 .getJSON()의 jQuery 정보에 대한 링크입니다. http://api.jquery.com/jQuery.getJSON/ – Petet

바로 아래에 탭 키가 있습니다. – SteveCav

JSP로 텍스트 상자에 자동 채우기

답변

관련 문제