選択した値に基づいてフォームアイテムの値を設定するにはどうすればよいですか？

Question

私は（ここでは、フィールド「土地は」国コードであることをsuppossedされる。）2つの、関連するフォームフィールド、国コードと国を持っている

私が選択したときに今、私は国コードの値を移入したいです国とその逆の場合は、国コードを入力するとその国が選択されます。国のオプションの値は国コードです。

私は、選択したフィールドに基づいて国コードを正しく入力する次のようなものを試しましたが、これを逆にする方法、選択した要素をオプションの国コードに設定する方法はありません入力されました。

<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> 

どうすればいいのでしょうか？

は、私はあなたがそれに基づいたソリューションをしたいと仮定するつもりです、あなた、あなたがこのようにJavaScriptとHTMLタグを付けたので

Answer 1

ありがとうございます。私はあなたが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