C# 更改为触发事件时的剑道UI下拉列表

我是第一次使用剑道UI，在我的剑道下拉列表更改中触发一个函数时遇到了一些困难

我的目标是根据用户的下拉选择显示不同的搜索字段。我尝试过几种不同的方法，但似乎没有任何效果

有没有人有一个简单的jQuery代码片段可以获取剑道UI下拉列表的文本

我的代码如下：

  <script>
    $(document).ready(function () {
        var a = $("div#searchbox span.k-input").text();
        console.log(a);
      $(a).change(function(){
            $('.searchingfor').hide();
            $('#' + a).show();
        });
    });
</script>
 @using (Html.BeginForm())
{ 
    <div id="searchbox" class="label">
        @Html.Label("Search")
        @Html.TextBox("QuickSearch", null, new { style = "width:91%", @class = "k-input" })
        <br />
        <br />
        @(Html.Kendo().DropDownList()
                        .DataTextField("Text")
                        .DataValueField("Value")
                        .BindTo(new List<SelectListItem>()
                        {
                            new SelectListItem()
                            {
                                Text = "All",
                                Value = "1"
                            },
                            new SelectListItem()
                            {
                                Text = "Customer",
                                Value = "2"
                            },
                            new SelectListItem()
                            {
                                Text = "Contact",
                                Value = "3"
                            },
                            new SelectListItem()
                            {
                                Text = "Service Employee",
                                Value = "4"
                            },
                            new SelectListItem()
                            {
                                Text = "Organization",
                                Value = "5"
                            },
                            new SelectListItem()
                            {
                                Text = "Employee",
                                Value = "6"
                            },
                            new SelectListItem()
                            {
                                Text = "Other",
                                Value = "7"
                            }
                        })
                   .Name("SearchType")
                    )
    </div>
}

$（文档）.ready（函数（）{
var a=$（“div#searchbox span.k-input”）.text（）；
控制台日志（a）；
$（a）.更改（函数（）{
$（'.searchingfor'）.hide（）；
$（'#'+a）.show（）；
});
});
@使用（Html.BeginForm（））
{ 
@Html.Label（“搜索”）
@TextBox（“QuickSearch”，null，新的{style=“width:91%”，@class=“k-input”}）




@（Html.Kendo（）.DropDownList（））
.DataTextField（“文本”）
.DataValueField（“值”）
.BindTo（新列表（）
{
新建SelectListItem（）
{
Text=“全部”，
Value=“1”
},
新建SelectListItem（）
{
Text=“客户”，
Value=“2”
},
新建SelectListItem（）
{
Text=“联系”，
Value=“3”
},
新建SelectListItem（）
{
Text=“服务员工”，
Value=“4”
},
新建SelectListItem（）
{
Text=“组织”，
Value=“5”
},
新建SelectListItem（）
{
Text=“Employee”，
Value=“6”
},
新建SelectListItem（）
{
Text=“其他”，
Value=“7”
}
})
.名称（“搜索类型”）
)
}

订阅onSelect事件，然后获取所选项目文本。下面是剑道演示网站

    function onSelect(e) {
                    if ("kendoConsole" in window) {
                        var dataItem = this.dataItem(e.item.index());
                        kendoConsole.log("event :: select (" + dataItem.text + " : " + dataItem.value + ")" );
                    }
                };

@（Html.Kendo（）.DropDownList（））
.DataTextField（“文本”）
.DataValueField（“值”）
.BindTo（新列表（）
{
新建SelectListItem（）
{
Text=“全部”，
Value=“1”
},
新建SelectListItem（）
{
Text=“客户”，
Value=“2”
},
新建SelectListItem（）
{
Text=“联系”，
Value=“3”
},
新建SelectListItem（）
{
Text=“服务员工”，
Value=“4”
},
新建SelectListItem（）
{
Text=“组织”，
Value=“5”
},
新建SelectListItem（）
{
Text=“Employee”，
Value=“6”
},
新建SelectListItem（）
{
Text=“其他”，
Value=“7”
}
})
.名称（“搜索类型”）
.事件（e=>e.Change（“OnSearchTypeChange”）；
函数OnSearchTypeChange（e）
{
//做你想做的事
}

我使用剑道MVC，我的下拉列表代码是：

@(Html.Kendo()
    .DropDownListFor(p=> p.SelectedItem)
    .BindTo((List<SelectListItem>)ViewBag.SelectedListItems)
    .Events(p => p.Change("function(e){list_change(e);}")
))

也许可以帮助某人：）

@(Html.Kendo()
    .DropDownListFor(p=> p.SelectedItem)
    .BindTo((List<SelectListItem>)ViewBag.SelectedListItems)
    .Events(p => p.Change("function(e){list_change(e);}")
))

function personType_Change(e) {
    var item = $('#SelectedItem').data("kendoDropDownList");

    //use item.value() and write your own codes

}