Jquery form - 숨겨진 값을 옵션 ID

Question

으로 변경하십시오. 내 머리를 알아 내려고 노력했습니다. Jquery를 처음 사용하면 ... 곧 알게 될 것입니다.

숨겨진 입력 값을 설정하기 위해 옵션 ID를 사용하려고하지만 해결책이없는 수 시간 내에 수백 번의 Google 검색을 시도하고 있습니다.

선택기 ID를 사용하여 선택한 옵션의 값을 가져 오는 방법을 알아 냈지만 옵션 ID를 얻으려고 했으므로 숨겨진 입력 값으로 고유 ID를 설정할 수 있습니다.

<form> 
<select name="amount" id="item_number1"> 
    <option value="1" id="11">one</option> 
    <option value="2" id="22">two</option> 
    <option value="3" id="33">three</option> 
</select> 
<input type="button" value="Set Value" onclick="$('#item_number2').val($('#item_number1').val())"/> 
<input id="item_number2" type="text" /> 

시 : 내 방법이 작동하고 있는지 그래서 시각화 할 수있는 텍스트 입력 필드를 사용하고이 양식에서이 양식에 숨겨진 입력 밤은.

Answer 1

당신은 다음과 같이 선택된 옵션의 ID를 얻을 수 있습니다 :

<script> 
$(function(){ 
    var sItem = document.getElementById("item_number1"); 
    $("#transfer").on("click", function(){ 
    $("#item_number2").val(sItem[sItem.selectedIndex].id); 
    }); 
}); 
</script> 
<input type="button" id="transfer" value="Transfer ID" /> 
<select name="amount" id="item_number1"> 
    <option value="1" id="11">one</option> 
    <option value="2" id="22">two</option> 
    <option value="3" id="33">three</option> 
</select> 
<input type="text" id="item_number2" /> 

주, 당신은 번호와 ID 값을 시작할 생각하지 않습니다 -이 길 아래에 당신을 위해 문제가 발생할 수 있습니다. 이와 같은 경우 규칙을 준수하는 것이 가장 좋습니다.

데모 : 당신은 업데이트 할 수 있습니다 http://jsbin.com/ucujex/edit#javascript,html,live

Answer 2

하여 버튼의 onclick에 :

$("#item_number2").val($("#item_number1 option:selected").attr("id")); 

좋은 개선 당신이 select에서 옵션을 변경하면 자동으로 (당신이 필요하지 않을 변경해야하는 것 버튼).

$("#item_number1").change(function() { 
    $("#item_number2").val($("option:selected", this).attr("id")); 
});