선택한 값을 기반으로 양식 항목의 값을 설정하는 방법은 무엇입니까?

Question

은 내가 선택할 때 채우는 데 2 ​​개 관련 양식 필드, 국가 코드와 국가를 (여기 필드 "토지"국가 코드로 suppossed됩니다.)

가 지금은 국가 코드의 값을 원하는 있어요 국가 코드를 입력 할 때 해당 국가가 선택됩니다. 국가 옵션의 값은 국가 코드입니다.

내가 선택한 필드를 기반으로 국가 코드를 올바르게 채우는 다음과 같은 시도를했지만 지금은 다른 방법으로 반올림하는 방법을 사용하지 않았습니다. 국가 코드 옵션에서 선택한 요소를 설정하는 방법 입력되었습니다.

<div class="fl20">Land:</div> 
     <div class="fl40"><input type="text" size="2" id="landkod1" "value="<%if (ansokanInfo.getUppfinnareList().contains(editPerson) || ansokanInfo.getSokandeList().contains(editPerson) ){out.write(editPerson.getLandKod());} %>" name="<%= PandoraFieldConstants.FIELD_LANDKOD %>">&nbsp; 


     <select name="<%= PandoraFieldConstants.FIELD_LAND %>" onchange=document.getElementById('landkod1').value=this.value> 
<% 
for(Land land: pc.getLander()) { 
%> 
<option value="<%=land.getLandKod()%>"><%=land.getLandNamn()%></option> 
<% 
} 
%> 

     </select> 

어떻게해야 하는지를 알 수 있습니까?

는 당신이 그것을 기반으로하는 솔루션을 원하는 가정거야, 당신이이 같은 자바 스크립트와 HTML 태그를 추가 한 이후

Answer 1

감사드립니다. 나는 jquery를 사용할 수 있다고 가정 할 것이다. 왜냐하면 솔직히 말해서 jquery가 훨씬 쉽기 때문이다.

$('#landkod1').change(function(){ 
    //assuming your land combo has an id - "landSelect" 
    var selectElement = $('#landSelect'), 
     me = $(this), val = me.val().trim(); 
    selectElement.find('option').each(function(i, item){ 
     var self = $(item), selfVal = self.val(); 
     if(selfVal === val){ 
      selectElement.val(selfVal); 
      return false;//break out of the each loop 
     } 
    }); 
}); 

Check the example fiddle here