Question

我在jquery脚本中发生了一个更改事件，但是我无法理解错误/丢失（还有一个正在运行的datepicker＆amp; timepicker）。任何建议 - 非常欢迎。感谢。

e.g。

jquery的

＆＃13;

<div class="circleImage"></div>

＆＃13;

$(document).ready(function() {
  
    $("#to_place").change(function () {         <==
        alert("Hello! I am an alert box!!");    <== not working?
    });
    
    $( "#date" ).datepicker({
        inline: true
    });

    $('.bfh-timepicker').timepicki({
                    show_meridian:false,
                    min_hour_value:0,
                    max_hour_value:23,
                    step_size_minutes:5,
                    overflow_minutes:true,
                    increase_direction:'up',
                    disable_keyboard_mobile: false});   
});

**HTML**

＆＃13;

Answer 1

to_place是输入字段的名称，请尝试以下操作：

 $("input[name='to_place']").change(function () {
        alert("Hello! I am an alert box!!");
    });

Answer 2

您的更改事件已绑定到ID为＆＃39; to_place＆＃39;的元素。所以在输入字段中添加一个ID。 e.g。

...
<input placeholder="to" class="form-control" id="to_place" name="to_place" type="text">
...

Answer 3

$（＆＃34; #to_place＆＃34;）部分代码正在搜索id =＆＃34; to_place＆＃34;在您的代码段中找不到。将此添加到input元素应该足以触发change事件。

Answer 4

你的jQuery选择器＆＃34; #to_place＆＃34;是一个ID选择器，但您没有设置文本框的ID。您可以使用＆＃34;输入[name = to_place]＆＃34;而不是那个。或者您只需将ID属性添加到输入字段。

Answer 5

请检查以下答案，它会正常工作：

$(document).ready(function() {
    $("#to_place").change(function () {    
        alert("Hello! I am an alert box from change function!!");
    });   
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="form-group col-lg-3 col-md-3 col-sm-3 col-xs-12">
        <label for="to">To</label>
        <input placeholder="to" class="form-control" name="to_place" type="text" id="to_place" />
 </div>

jquery事件不工作 - 表单字段

5 个答案: