Set DropDownList SelectedName with AngularJS

[Jayme]

I have a drop down list that gets populated with a CompanyID and CompanyName:

HTML:

  <select id="MerchantList" kendo-drop-down-list="MerchantList" ng-model="MerchantID" k-options="populateCompanies" class="form-control" required validationmessage="Please select a company"></select>​​

 AngularJS:

 //populate the kendo drop down control
    $scope.populateCompanies = {
        dataSource: merchantDataSource,
        dataTextField: "CompanyName",
        dataValueField: "MerchantID",
        //optionLabel: "Please Select Your Company",
        filter: "contains",
        minLength: 3
    };

I also have a user record that contains the CompanyName: $scope.user.CompanyName

How do I select the CompanyName in the drop down list?  

Many thanks,

Jayme

 ​

[Konstantin Dikov]

Hi Jayme,

The requirement that you have could not be easily achieved, because the selected will be performed based on the value of the DropDownList items and not the text. Nevertheless, you can use the approach from the following dojo example to manually find and select an item by its text:

• http://dojo.telerik.com/ACiFI

Hope this helps.


Regards,
Konstantin Dikov
Telerik

 

 

[Jayme]

Thank you for taking the time to reply. This doesn't quite fit the scenario where I want to preset the drop down to the text on initial load, however.  If you remove the ProductID and set the productnametoselect initially, it isn't selected.

This can be accomplished in both JQUERY and .NET code, so I was assuming there would be something simliar built into the Kendo Drop DownList.  Examples:

.NET:
ddlData.SelectedIndex=ddlData.Items.IndexOf(ddlData.Items.FindByText("value"));) 

JQUERY:
var theText = "Apples";
$("#ddlFruit option").each(function() {
if($(this).text() == theText) {
            $(this).attr('selected', 'selected');            
          }                        
});

I appreicate you letting me know this isn't really built into the kendo drop down control. I thought I was missing something easy.  For now, I display the current company for the user and prompt the user to switch to a different company in the drop down box if they want to change it.  Not ideal, but it works.