Jquery 以编程方式将Kendo UI DropDownListFor()默认为.OptionLabel selection

Jquery 以编程方式将Kendo UI DropDownListFor()默认为.OptionLabel selection,jquery,kendo-ui,kendo-asp.net-mvc,Jquery,Kendo Ui,Kendo Asp.net Mvc,如果我们有两个Kendo UI DropDownList for绑定到从控制器传递的MVC ViewModel中的数据,如果用户在其中一个下拉列表中进行选择,我们如何将另一个默认为.OptionLabel(选择) @(Html.Kendo().DropDownListFor(m => m.Cat) .Name("CatsDropDownList") .BindTo(Model.Cats) .OptionLabel("- Cats -") .Event

如果我们有两个Kendo UI DropDownList for绑定到从控制器传递的MVC ViewModel中的数据,如果用户在其中一个下拉列表中进行选择,我们如何将另一个默认为
.OptionLabel(
选择)

    @(Html.Kendo().DropDownListFor(m => m.Cat)
    .Name("CatsDropDownList")
    .BindTo(Model.Cats)
    .OptionLabel("- Cats -")
    .Events(e => e.Change("CatsDropdownChangeHandler"))
)

@(Html.Kendo().DropDownListFor(m => m.Dog)
    .Name("DogsDropDownList")
    .BindTo(Model.Dogs)
    .OptionLabel("- Dogs -")
    .Events(e => e.Change("DogsDropdownChangeHandler"))
)

function CatsDropdownChangeHandler() {
    //do something
}

function DogsDropdownChangeHandler() {
    //do something
}

没有特定的API函数来设置
OptionLabel
,您只需选择索引0(OptionLabel值)作为:

@节脚本{
函数CatsDropdownChangeHandler(e){
var dropdownlist=$(“#DogsDropDownList”)。数据(“kendoDropDownList”);
下拉列表。选择(0);
}
函数DogsDropdownChangeHandler(e){
var dropdownlist=$(“#CatsDropDownList”).数据(“kendoDropDownList”);
下拉列表。选择(0);
}        
}

或者,您可以选择下拉列表。如果您喜欢ajax绑定:),您可以依次选择下拉列表。

没有特定的API函数来设置
选项标签
,您只需选择索引0(选项标签值)作为:

@节脚本{
函数CatsDropdownChangeHandler(e){
var dropdownlist=$(“#DogsDropDownList”)。数据(“kendoDropDownList”);
下拉列表。选择(0);
}
函数DogsDropdownChangeHandler(e){
var dropdownlist=$(“#CatsDropDownList”).数据(“kendoDropDownList”);
下拉列表。选择(0);
}        
}

或者,您可以选择下拉列表。如果您喜欢ajax绑定:),您可以依次选择下拉列表。

没有特定的API函数来设置
选项标签
,您只需选择索引0(选项标签值)作为:

@节脚本{
函数CatsDropdownChangeHandler(e){
var dropdownlist=$(“#DogsDropDownList”)。数据(“kendoDropDownList”);
下拉列表。选择(0);
}
函数DogsDropdownChangeHandler(e){
var dropdownlist=$(“#CatsDropDownList”).数据(“kendoDropDownList”);
下拉列表。选择(0);
}        
}

或者,您可以选择下拉列表。如果您喜欢ajax绑定:),您可以依次选择下拉列表。

没有特定的API函数来设置
选项标签
,您只需选择索引0(选项标签值)作为:

@节脚本{
函数CatsDropdownChangeHandler(e){
var dropdownlist=$(“#DogsDropDownList”)。数据(“kendoDropDownList”);
下拉列表。选择(0);
}
函数DogsDropdownChangeHandler(e){
var dropdownlist=$(“#CatsDropDownList”).数据(“kendoDropDownList”);
下拉列表。选择(0);
}        
}

或者,您也可以选择下拉列表。如果您喜欢ajax绑定:),您可以依次选择下拉列表。

请尝试下面的代码片段

<script type="text/javascript">
    function CatsDropdownChangeHandler() {
        //do something
        $("#DogsDropDownList").data("kendoDropDownList").value(null);
    }

    function DogsDropdownChangeHandler() {
        //do something
        $("#CatsDropDownList").data("kendoDropDownList").value(null);
    }

</script>

函数CatsDropdownChangeHandler(){
//做点什么
$(“#DogsDropDownList”).data(“kendoDropDownList”).value(null);
}
函数DogsDropdownChangeHandler(){
//做点什么
$(“#CatsDropDownList”).data(“kendoDropDownList”).value(null);
}

请尝试以下代码片段

<script type="text/javascript">
    function CatsDropdownChangeHandler() {
        //do something
        $("#DogsDropDownList").data("kendoDropDownList").value(null);
    }

    function DogsDropdownChangeHandler() {
        //do something
        $("#CatsDropDownList").data("kendoDropDownList").value(null);
    }

</script>

函数CatsDropdownChangeHandler(){
//做点什么
$(“#DogsDropDownList”).data(“kendoDropDownList”).value(null);
}
函数DogsDropdownChangeHandler(){
//做点什么
$(“#CatsDropDownList”).data(“kendoDropDownList”).value(null);
}

请尝试以下代码片段

<script type="text/javascript">
    function CatsDropdownChangeHandler() {
        //do something
        $("#DogsDropDownList").data("kendoDropDownList").value(null);
    }

    function DogsDropdownChangeHandler() {
        //do something
        $("#CatsDropDownList").data("kendoDropDownList").value(null);
    }

</script>

函数CatsDropdownChangeHandler(){
//做点什么
$(“#DogsDropDownList”).data(“kendoDropDownList”).value(null);
}
函数DogsDropdownChangeHandler(){
//做点什么
$(“#CatsDropDownList”).data(“kendoDropDownList”).value(null);
}

请尝试以下代码片段

<script type="text/javascript">
    function CatsDropdownChangeHandler() {
        //do something
        $("#DogsDropDownList").data("kendoDropDownList").value(null);
    }

    function DogsDropdownChangeHandler() {
        //do something
        $("#CatsDropDownList").data("kendoDropDownList").value(null);
    }

</script>

函数CatsDropdownChangeHandler(){
//做点什么
$(“#DogsDropDownList”).data(“kendoDropDownList”).value(null);
}
函数DogsDropdownChangeHandler(){
//做点什么
$(“#CatsDropDownList”).data(“kendoDropDownList”).value(null);
}

这很好!不过@Jayesh Goyani快了2分钟。谢谢你们。这很好!不过@Jayesh Goyani快了2分钟。谢谢你们。这很好!不过@Jayesh Goyani快了2分钟。谢谢你们。这很好!不过@Jayesh Goyani快了2分钟。谢谢你们。