根據下拉選擇填充文本框

Question

我有此javascript函數，希望根據下拉選擇來填充文本框。 我只是使用第一個選項（還有7個選項，但這應該可以說明問題）：

<script>
function TicketsQuantity(){
  if (document.getElementByID("RaffleDollars").value == 25){
    (document.getElementById("RaffleTickets").value = "1");
  }
}
</script>    

這是下拉框代碼：

<select size="1" name="RaffleDollars" id="RaffleDollars" 
onChange="javascript:TicketsQuantity();">               
<option selected value="0.00">------Select $ Amount------</option>
<option value="25">25.00</option>
</select>

這是文本框代碼：

<input name="RaffleTickets" size="5" id="RaffleTickets">

當我從下拉框中選擇25.00時，它沒有用1填充文本框。我的語法不正確嗎？ 任何幫助，將不勝感激。 謝謝。

Answer 1

您有一個錯誤： getElementByID不正確。 將其更改為： getElementById 。

請更正您的代碼以使用以下內容。 刪除javascript:此處：

onChange="TicketsQuantity();"

由於您正在使用jquery ，因此我將為您提供一個基於jQuery的解決方案：

$(function () {
  $("#RaffleDollars").change(function () {
    if ($(this).val() == "25")
      $("#RaffleTickets").val("1");
  });
});

工作片段

 <select size="1" name="RaffleDollars" id="RaffleDollars" onChange="TicketsQuantity();"> <option selected value="0.00">------Select $ Amount------</option> <option value="25">25.00</option> </select> <input name="RaffleTickets" size="5" id="RaffleTickets"> <script> function TicketsQuantity() { if (document.getElementById("RaffleDollars").value == 25) { document.getElementById("RaffleTickets").value = "1"; } } </script>