방법을 변경하여 입력 (텍스트 상자)의 값을 변경하려면 선택

Question

나는 다른 옵션이 선택에서 선택됩니다 때 입력 값을 변경하기 위해 노력하고있어 :

View image here.

생각입니다에 대한 그 각 광고 패키지는 서로 다른 수의 이미지를 가질 수 있습니다 (무료 이미지는 0 장, 이미지는 $ 20, 이미지는 4 장 등). 이 번호를 사용하여 이미지의 업로드 필드를 올바르게 표시하려고합니다. 내가 직접하여 선택에서 값을 얻는 시도했습니다

<select name="ad_pack_id" class="dropdownlist required"> 

<?php foreach ($results as $result) { ?> 

<option value="<?php esc_attr_e($result->pack_id); ?>" class="<?php esc_attr_e($result->pack_images); ?>"><?php esc_attr_e($result->pack_name); ?></option> 

<?php } ?> 

</select> 

<input type="hidden" value="" name="packimages" id="packimages" /> 

: 아래의 코드에서 볼 수 있듯이

이미 각 패키지에 대한 이미지의 수에 대한 데이터베이스에서 값을 검색 해요 하고있는 것 :

mainform.ad_pack_id.options[selectedIndex].class.innerHTML 

그러나 이미지 수는 늘어나지 않습니다.

양식을 먼저 제출하지 않고 선택한 광고 패키지의 이미지 수를 얻으려면 어떻게해야합니까?

Answer 1

이 시도 :

document.mainform.ad_pack_id.options[Selected].className; 

Answer 2

선택된 옵션의 값으로 입력 값을 설정합니다이 코드.

난 그냥 "ID가"당신은 또한 JQuery와 시도 할 수 메뉴

<select id="ad_pack_id" name="ad_pack_id" class="dropdownlist required"> 

<?php foreach ($results as $result) { ?> 

<option value="<?php esc_attr_e($result->pack_id); ?>" class="<?php esc_attr_e($result->pack_images); ?>"><?php esc_attr_e($result->pack_name); ?></option> 
<?php } ?> 

</select> 

<input type="hidden" value="" name="packimages" id="packimages" /> 


<script type="text/javascript"> 
var selectmenu = document.getElementById("ad_pack_id"); 
selectmenu.onchange = function() 
{ //run some code when "onchange" event fires 
var chosenoption = this.options[this.selectedIndex] //this refers to "selectmenu" 
if (chosenoption.value!="nothing") 
    { 
    document.getElementById("packimages").value = chosenoption.value ; 
    } 
} 
</script> 

Answer 3

을 선택 속성 추가 :

$("#ad_pack_id option:selected").val() 

이 당신에게 값을 얻어야한다. 예를 들어 CSS 표시 속성과 같이 사용할 수있는 업로드 필드를 표시하거나 숨기려면

$("#uploadfield_1").css("display", "none") 
$("#uploadfield_1").css("display", "block")