Javascript 单击单选按钮列表框在Jquery中无法清除

在这里我想做的是点击单选按钮列表框显示与自动完成，但它不清楚点击..所以如何改变根据单选按钮和显示它..与自动完成正确

<script>

 (function ($) {
         $.widget("custom.combobox", {
                 _create: function () {
                     this.wrapper = $("<span>")
                         .addClass("custom-combobox")
                         .insertAfter(this.element);
                     this.element.hide();
                     this._createAutocomplete();
                     this._createShowAllButton();
                 },
                 _createAutocomplete: function () {
                     var selected = this.element.children(":selected"),
                         value = selected.val() ? selected.text() : "";
                     this.input = $("<input>")
                         .appendTo(this.wrapper)
                         .val(value)
                         .attr("title", "")
                         .attr("id", "sss")
                         .addClass("custom-combobox-input ui-widget ui-widget-content ui-state-default ui-corner-left")
                         .autocomplete({
                             delay: 0,
                             minLength: 0,
                             source: $.proxy(this, "_source")
                         })
                         .tooltip({
                             tooltipClass: "ui-state-highlight"
                         });
                     this._on(this.input, {
                         autocompleteselect: function (event, ui) {
                             ui.item.option.selected = true;
                             this._trigger("select", event, {
                                 item: ui.item.option
                             });
                         },
                         autocompletechange: "_removeIfInvalid"
                     });
                 },

（函数（$）{
$.widget（“custom.combobox”{
_创建：函数（）{
this.wrapper=$（“”）
.addClass（“自定义组合框”）
.insertAfter（此.element）；
this.element.hide（）；
这是。_createAutocomplete（）；
这是。_createShowAllButton（）；
},
_createAutocomplete:函数（）{
var selected=this.element.children（“：selected”），
value=selected.val（）？selected.text（）：“”；
this.input=$（“”）
.appendTo（此.wrapper）
.val（值）
.attr（“标题”、“名称”）
.attr（“id”、“sss”）
.addClass（“自定义组合框输入ui小部件ui小部件内容ui状态默认ui左角”）
.自动完成({
延迟：0，
最小长度：0，
来源：$.proxy（此“\u来源”）
})
.工具提示({
tooltipClass：“ui状态突出显示”
});
此。_on（this.input{
自动完成选择：功能（事件、用户界面）{
ui.item.option.selected=true；
此._触发器（“选择”，事件{
项目：ui.item.option
});
},
AutoCompleteTechange:“\u RemoveFinValid”
});
},

---

对于初学者来说，当您选择该单选按钮时，它实际上从未提醒“maingroup”

这意味着以下方面有问题：

if($('input:radio[name=A]:checked').val()=="maingroup"){...}

问题在于输入：radio不是有效的jquery选择器

改用这个：

if($('input[name=A]:checked').val()=="maingroup"){...}

（您在整个代码中执行了几次）

---

看看会发生什么。如果你仍然有问题，这意味着会有更多的错误…在这种情况下，请随时更新你的小提琴。

我不确定你在这里的意思…当你单击单选按钮时，下面会出现一个下拉框，并且自动完成功能正常。如果你希望在开始之前下拉框为空，则需要添加一个空值，例如：点击此处查看我现在再次单击maingroup下拉列表显示现在单击country它也显示但如果我单击subgroup，maingroup下拉列表不清除，如果我单击item group，subgroup和maingroup不清除，这是我的问题您的意思是，一旦从一个selecte切换，下拉列表不会消失吗d选项到下一个？你为什么要用JS创建新输入而不是使用显示/隐藏行为？很好，作为一个初学者，我正在学习中..可以更新我的代码向你学习很有用？？？试着用我刚才给你的信息更新你的JSFIDLE。记住，我们都是StackOverflow的志愿者。你应该始终e让人们尽可能容易地帮助您！您使用警报进行调试的方法是正确的。无论如何，请尝试进一步使用警报来缩小错误的范围。现在不再显示下拉列表？？您在多个地方犯了相同的错误。您需要更正所有错误。此外，输入：[name=B]也无效。应输入[name=B]