如何获取选择元素的值以及如何对变化采取行动？

Question

jQuery 中的 change() 事件出现问题：

$("select[name=cmm]").change(function(){
    total();
});

由于某种原因，“total”函数不可用t 被上面的代码调用。 html 代码是：

  <select name="cmm">
      <option value="none">none</option>
      <option value="one">the first</option>
      <option value="two">the second</option>
  </select>

我是否以错误的方式引用该元素？或者调用函数的方式错误？

---

更新： 这里的警报功能没有显示，所以我猜更改事件永远不会被调用..

$(document).ready(function() {
$("select[name=cms]").change(function(){
    total();
    alert($("select[name=cms]").length);
});
});

（是的，我一直在使用 doc-ready）

Answer 1

更新问题：
确保您的代码在 document.ready 处理程序中运行，以便 元素位于 DOM 中并准备就绪，如下所示：

$(function() {
  $("select[name=cmm]").change(function(){ total(); });
});

---

对于上一个问题：
您缺少选择器上的第二个 m ，它应该是：

$("select[name=cmm]").change(function(){ total(); });

或更短：

$("select[name=cmm]").change(total);

对于第二个，只需使用 上使用 ="nofollow">.val() 来获取值，如下所示：

var iets = $("select[name=cmm]").val();
//or when calling .change(total) like above, inside total you can use:
var iets = $(this).val();

当您指定 option< /code> 它获取第一个 的值，无论选择什么。

Answer 2

我假设这不是 cm 与 cmm 问题，并且您可能太早分配了 onChange 处理程序，这意味着 DOM尚未初始化。

<script type='text/javascript'>//<![CDATA[
    // if your javaScript is initialized before the actual
    // select element liek this, it will not work
    $("select[name=cm]").change(function(){
        total();
    });

    function total() {
        alert("works?");
    }
</script>
//]]></script>

<select name="cm">
  <option value="none">none</option>
  <option value="one">the first</option>
  <option value="two">the second</option>
</select>

你的 javaScript 应该在 DOM 准备好之后执行，所以你必须使用 jQuery 的 document.ready 事件，如下所示：

<script type='text/javascript'>//<![CDATA[
    $(document).ready(function() {
      $("select[name=cm]").change(function(){
        total();
      });

      function total() {
        alert("works?");
      }
    }
</script>
//]]></script>

<select name="cm">
  <option value="none">none</option>
  <option value="one">the first</option>
  <option value="two">the second</option>
</select>

或者将其放在有问题的元素后面，如下所示：

<select name="cm">
  <option value="none">none</option>
  <option value="one">the first</option>
  <option value="two">the second</option>
</select>


<script type='text/javascript'>//<![CDATA[
    $("select[name=cm]").change(function(){
        total();
    });

    function total() {
        alert("works?");
    }
</script>
//]]></script>

Answer 3

我遇到问题是因为我使用一个插件来设置选择元素的样式。
我的问题的解决方案（即 onchange 函数不起作用）在这里：
http://code.google.com/p/lnet/issues/detail ?id=41