如何更改2個隱藏的輸入值與選擇選項值和使用Javascript的ID

我需要根據從下拉列表中選擇的選項更改兩個不同的隱藏輸入值。一個輸入值需要所選選項的值。（這是工作。）第二個隱藏的輸入值需要所選選項的ID。（這不起作用。）我已經搜索了一個解決方案，但沒有找到答案。如何更改2個隱藏的輸入值與選擇選項值和使用Javascript的ID

<form name="cookbook" id="giftform" action="giftcard.php" onsubmit="redirectOutput(this)"> 
    <div class="productSelectInput"> 
    <p>Select your combination of cookbook and gift card amount to buy now. 
    <select onchange="GetSelectedValue(this)" id="cookbooks"> 
     <option id="Giftcard25" value="43.25" selected="selected">Signed Uchi Cookbook & $25 gift card. Price: $43.25</option> 
     <option id="Giftcard50" value="93.25">Signed Uchi Cookbook & $50 Gift Card. Price: $93.25</option> 
     <option id="Giftcard75" value="118.25">Signed Uchi Cookbook & $75 Gift Card. Price: $118.25</option> 
     <option id="Giftcard100" value="143.25">Signed Uchi Cookbook & $100 Gift Card. Price: $143.25</option> 
     <option id="Giftcard150" value="193.25">Signed Uchi Cookbook & $150 Gift Card. Price: $193.25</option> 
     <option id="Giftcard200" value="243.25">Signed Uchi Cookbook & $200 Gift Card. Price: $243.25</option> 
     <option id="Giftcard250" value="293.25">Signed Uchi Cookbook & $250 Gift Card. Price: $293.25</option> 
    </select> 
    </p> 
    <p>If you are sending this gift directly to your recipient, you may enter a gift message here (please include sender's name, if applicable) 
    <textarea cols="43" rows="3" name="giftmessage" class="giftmessage"></textarea> 
    </p> 
    </div> 
    <input type="hidden" name="description" id="description" value="" /> 
    <input type="hidden" name="amount" id="amount" value="43.25" /> 
    <input type="submit" value="Buy Now" class="simple-input" /> 
</form> 
<script type="text/javascript"> 
    function GetSelectedValue(cookbooks) { 
     var selectedValue = cookbooks.value; 
     document.cookbook.amount.value = selectedValue; 
     var selectedMy = document.getElementById("cookbooks").id; 
     document.getElementById("typegc") = selectedMy; 

    } 
</script>

來源

2015-11-05 Stratton Weekley

我不知道哪些值去的地方（這是由你），但你錯過了什麼是讓所選擇的選項的值，這裏是代碼：

function GetSelectedValue(cookbooks) { 
     var selectedValue = cookbooks.options[cookbooks.selectedIndex].value; 
     var selectedMy = cookbooks.options[cookbooks.selectedIndex].id; 
     document.getElementById("description").value = selectedValue; 
     document.getElementById("amount").value = selectedMy; 

    //You can erase this, just for demonstration to have the correct values 
    console.log(selectedValue); 
    console.log(selectedMy); 
    }

希望這幫幫我。

來源

2015-11-05 04:21:51

謝謝豪爾赫。這很好。 –

下面的變化將用於固定您的問題是有用的：

function GetSelectedValue(cookbooks) { 
     var selectedValue = cookbooks.value; 
     document.cookbook.amount.value = selectedValue; 
     var selectedId = cookbooks[cookbooks.selectedIndex].id; 

    }

試用一下這個場景。我希望它有幫助

來源

2015-11-05 04:30:04 Vidhya

謝謝Vidhya。我感謝你的迴應。 –

如何更改2個隱藏的輸入值與選擇選項值和使用Javascript的ID

回答

相關問題