Question

我试图将下拉列表中的值乘以某个值（比如$ 10）和值ALL乘以$ 7并将值显示在文本框中。我对脚本非常陌生，并且非常感谢任何帮助。

   <!DOCTYPE html>
<html>
<body>
Amount:<br>
<select><br>
  <option value="5">5</option>
  <option value="6">6</option>
  <option value="7">7</option>
  <option value="8">8</option>
  <option value="9">9</option>
  <option value="10">10</option>
  <option value="ALL">ALL</option>
</select>
<br>
<td>Total: <input id="quantity" name="quantity" type="text" value="$0.00" size="3" /></td>
</form>

Answer 1

只需为您的选择字段添加ID，例如＆＃34; mySelect＆＃34;使用以下javascript代码：

var selectElement = document.getElementById("mySelect");
    selectElement.addEventListener('change',myFunction);
    function myFunction() {
        var value = document.getElementById("mySelect").value;
        if(value=="ALL")
        value=7;
        var fixedAmount=10;
        document.getElementById("quantity").value = '$'+fixedAmount*value;
    }

使用常量乘以下拉列表值

1 个答案: