Jquery 显示实时表单添加

我有一个表单，它有两个选择列表：

<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.
2.
1.
2.

我试图创建一个脚本来添加两个选定的值，因此，例如，如果用户选择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>

$（“选择”）.keyup（函数（）{
var add=parseInt（$（“#rating1”）.val（））+parseInt（$（“#rating2”）.val（）；
$（“p”）.html（“类别总数：“+add+”）；
}).keyup（）；

看起来应该行得通，但我做错了什么？

---

谢谢

您的

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>

$（函数（）{
$（“选择”）.keyup（函数（）{
var add=parseInt（$（“#rating1”）.val（））+parseInt（$（“#rating2”）.val（）；
$（“p”）.html（“类别总数：“+add+”）；
}).keyup（）；
});

这是一个例子

---

备注：如果此脚本位于

选择

声明之后，则不需要

$（文档）.ready

。

我的错误，我将更改它，因为脚本位于页面的第一位。