Javascript选择Change Wont Fire

debugcn 发表于 Dev

菲尔·希利

我试图检测一个Select何时具有其value changerd（例如，用户选择下拉选项之一）。但是，我似乎无法解决问题。我已经尝试了许多解决方案，但我显然是那些日子里缺少某些东西的日子之一，但我看不到树木茂密的树林。

这是我目前得到的：

<html>
<head>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <!-- jQueryMobileCSS - original without styling -->
    <link rel="stylesheet" href="nativeDroid_v0.2.2/development/css/jquerymobile.css" />
    <!-- jQuery / jQueryMobile Scripts -->
    <script src="JQueryMobile/jquery-1.10.2.js"></script>
    <script src="JQueryMobile/jquery.mobile-1.3.2.js"></script>
    <!-- customised styles -->
    <link rel="stylesheet" type="text/css" href="css/index.css" />  

            <script type="text/javascript">
        $(".test").change(function() {
          //var newVal = $(this).val();
          alert("The new value is: " + $(this).val());
        });
                </script>
</head>

<body> 


                    <select name="select-choice-enmeasurement" id="select-choice-enmeasurement" class="test">
                        <option value="C45">C45</option>
                        <option value="M3">M3</option>
                        <option value="M5">M5</option>
                        <option value="M8">M8</option>
                    </select>

    </body>
</html>

艾夫也尝试了上述方法，但是通过检测类而不是选择控件的ID进行了尝试。

Ps纯粹由于上面的内容是从JQM项目中提取的，所以引用了JqueryMobile。但是，我已经以这种形式将上述内容创建为唯一页面，以消除潜在的冲突等。

任何想法/意见将不胜感激。谢谢。

菲尔·希利

在听取了KamilT和Omar的有用评论后，我解决了无法将JavaScript放置在表单之外的问题。

解决方案是将表单ID包含在元素ID之前。例如：

    <script type="text/javascript">
        $("#formenstep1 #select-choice-enmeasurement").change(function() {
            //alert("The new value is: " + $(this).val());
        });
    </script>

现在，它可以位于页面html的页脚处，它将提取所需的form元素。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。