Question

我的表单有两个选择列表：

<select name="rating1" id="rating1">
  <option>1</option>
  <option>2</option>
</select>

<select name="rating2" id="rating2">
  <option>1</option>
  <option>2</option>
</select>

我尝试创建一个添加两个选定值的脚本，例如，如果用户为评级1选择1，为评级2选择2，则会在桌面显示“类别总计：3”。该脚本如下：

<p><script>

    $("select").keyup(function () {
        var add = parseInt($("#rating1").val())+ parseInt($("#rating2").val());
                   $("p").html("Category Total: "+add+" ");
    }).keyup();
</script></p>

它似乎应该有效，但我做错了什么？谢谢！

Answer 1

您script标记奇怪地嵌套在p标记内。在尝试将处理程序附加到元素之前，还要确保已加载DOM。

<script type="text/javascript">
    $(function() {
        $("select").keyup(function () {
            var add = parseInt($("#rating1").val()) + parseInt($("#rating2").val());
            $("p").html("Category Total: " + add + " ");
        }).keyup();
    });
</script>
<p></p>

这是demo。

备注：如果此脚本位于$(document).ready声明之后，则无需select。

显示实时表单添加

1 个答案: