Mootools 自动建议定制

Question

我的网站之一为 autosuggest Country 扩展了 http://digitarald.de/project/autocompleter/ 插件，州和市。

例如： 州应该有两个输入，例如搜索文本和国家/地区代码。

从上述插件的文档中，该插件用于

'postVar' : 'text',
'postData':{'country':$('country'.get('value'))},

传递多个参数。

这里 $('country') 根据第一个建议设置国家/地区代码。现在的问题是我无法发送 country 作为输入，因为它是通过动态 javascript 调用设置的。如何解决问题。

尝试如下

 var countryAutocomplete = new Autocompleter.Request.JSON('countrySearch', 'www.example.com/country', {
          'postVar' : 'text',
          'minLength': 1,
          'injectChoice': function(areas){

            var choice = new Element('li', {'class': 'autocompleter-choices1', 'id':areas.label});
                new Element('div', {'html': this.markQueryValue(areas.label),'class': 'autocompleter-choice1'}).inject(choice);
                this.addChoiceEvents(choice).inject(this.choices);
                choice.store('autocompleteChoice', areas);

            }


        });


        //set the selected value in a hidden field
        countryAutocomplete.addEvent('onSelection', function(element, selected, value, input) {
            $('country').value = country =  selected.retrieve('autocompleteChoice').id;

            });

        // suggets states
        var stateAutocomplete = new Autocompleter.Request.JSON('stateTxt', 'www.example.com/state', {
          'postVar' : 'text',
          'postData':{'postData':{'country':$('country'.get('value'))},},
          'minLength': 3,
          'injectChoice': function(areas){

            var choice = new Element('li', {'class': 'autocompleter-choices1', 'id':areas.label});
                new Element('div', {'html': this.markQueryValue(areas.label),'class': 'autocompleter-choice1'}).inject(choice);
                this.addChoiceEvents(choice).inject(this.choices);
                choice.store('autocompleteChoice', areas);

            }


        });

任何帮助将不胜感激。

谢谢

Answer 1

它看起来

'postData':{'country':$('country'.get('value'))},

应该是：

'postData':{'country':$('country').get('value')},

此外，每次 $('country') 更改时都应该更新“建议状态”，不是吗？如果是这样，您不应该在选择countryAutocomplete时执行stateAutocomplete请求吗？

看起来

$('country').value = country =  selected.retrieve('autocompleteChoice').id;

这样会更好：

$('country')set("value",selected.retrieve('autocompleteChoice').id);

干杯！