Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript stickit不保存自动完成字段中的值_Javascript_Jquery_Backbone.js_Autocomplete_Backbone Stickit - Fatal编程技术网

Javascript stickit不保存自动完成字段中的值

Javascript stickit不保存自动完成字段中的值,javascript,jquery,backbone.js,autocomplete,backbone-stickit,Javascript,Jquery,Backbone.js,Autocomplete,Backbone Stickit,我已经按照stickit文档中的建议,在初始化函数中插入了autocomplete 几乎是hello world示例: MyApp.Views.Form = Backbone.View.extend({ el: "#my-form", bindings: { "#postcode_with_suburbs": { observe: "postcode", initialize: function($el, model

我已经按照stickit文档中的建议,在初始化函数中插入了autocomplete

几乎是hello world示例:

MyApp.Views.Form = Backbone.View.extend({ el: "#my-form", bindings: { "#postcode_with_suburbs": { observe: "postcode", initialize: function($el, model, options) { $el.autocomplete({ source: [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby" ] }) }, onSet: function(val, options) { return $("#postcode_with_suburbs").val(); } }, }, events: { "click #form-submit" : "submit", }, initialize : function() { this.listenTo(this.model, "change"); this.render(); }, render: function() { this.$el.html(JST['backbone/templates/car_insurance/form']); this.stickit(); return this; } }); 因此,问题在于,每当用户填写表单并通过单击“自动完成”值自动复制邮政编码时,它不会保存到“模型”属性中。保存为ja而不是java


但是,使用键盘在“自动完成”的选项上向下滚动时,会将值正确设置为模型的属性。保存为java时,stickit绑定会为类型为的绑定DOM元素上的change input keyup事件绑定事件侦听器。使用侦听器更新模型属性。在您的情况下,作为输入类型的元素postcode_和_应该在用户从下拉列表中选择一个选项时触发更改事件。我不知道为什么它没有启动这项活动。试试这把小提琴看看变化

select: function(event, ui) {
    $(this).trigger("change", event);
}

在autocomplete的selecteventcallback中,我显式地在元素上触发change事件。您还可以配置事件:[autocompleteselect],而不是选择回调。

使用这些元素很难响应。我们没有看到html标记。您能提供一个重现问题的JSFIDLE吗?