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");
  });
});

工作代码段

＆＃13;

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

＆＃13;

根据下拉选择填充文本框

1 个答案: