2011-09-10 65 views
0

我想在輸入更改值時,不同的選擇會從一個選擇選擇:如何通過改變改變輸入(文本)值選擇

View image here.

的想法是,每個廣告包可以有不同數量的圖片(免費獲得0張圖片,4張圖片等20美元)。用這個數字,然後我想要顯示正確數量的圖像上傳字段。

我已經從數據庫中的圖像的每個包的號碼檢索的值,你可以在下面的代碼中看到:

<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 

但這沒有得到圖像的數量。

如何在不提交表單的情況下獲取所選廣告包的圖片數量?

回答

1

試試這個:

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

工作正常。謝謝 – xonorageous

0

此代碼將設置輸入的值來選擇的選項的值。

我只是說 「id」 屬性來選擇菜單

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

,你也可以嘗試的jQuery:

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

這應該讓你的價值。以顯示/隱藏您可以使用的上傳字段,例如CSS顯示屬性:

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