如何根據選定的值設置表單項的值？

我有2個相關表單域，國家代碼和國家（在此領域的「土地」是suppossed是國家代碼。） enter image description here 如何根據選定的值設置表單項的值？

現在我想的國家代碼值當我選擇填充一個國家，反之亦然，我輸入國家代碼時選擇該國家。國家選項的價值是國家代碼。

我試過類似下面的內容，它根據選定的字段正確地填充國家代碼，但我現在不是如何使其相反，如何設置國家代碼選項中的選定元素被輸入。

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

你能告訴它應該怎麼做嗎？

謝謝

來源

2012-03-21 Niklas Rosencrantz

既然你已經標記這是JavaScript和HTML，我會想，你希望在此基礎上的解決方案。我也假設你可以使用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

來源

2012-03-21 09:59:18

如何根據選定的值設置表單項的值？

回答

相關問題