javascript - 根据下拉选择填充文本框

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>