OBOUT - ASP.NET MVC ComboBox - Client-Side API

ASP.NET MVC ComboBox - Client-Side API - Get Selected Item

Get Selected Item

The ComboBox control provides client-side properties / methods for setting / getting the selected item.

Use the selectedIndex client-side method to get / set the selected index. Use the options collection to get the text / value of the selected item.

View - Aspx


    <% Html.Obout(new ComboBox("ComboBox1")
    {   
        EmptyText = "Select a customer ...",
    }); %>
    
    <% Html.Obout(new OboutCheckBox("OboutCheckBox1")
    {
        Text = "Get Selected Item",
        OnClientClick = "return getSelectedItem();"
    }); %>

View - Razor


    @Html.Obout(new ComboBox("ComboBox1")
    {   
        EmptyText = "Select a customer ...",
    })
    
    @Html.Obout(new OboutCheckBox("OboutCheckBox1")
    {
        Text = "Get Selected Item",
        OnClientClick = "return getSelectedItem();"
    })

JavaScript


    function getSelectedItem() {
        if (ComboBox1.selectedIndex() != -1) {
            alert('Selected item: ' + ComboBox1.options[ComboBox1.selectedIndex()].text);
        } else {
            alert('No selected item.');
        }

        return false;
    }

"I just experimenting with your window and I must say that I am really so impressed with it.I am currently using teleik window but after I tried yours , I made my mind to move towards yours, what I really like about your components is the really simple API and it is light on browser, I made some tests comparing window to ... one and I must say your outtakes ..."

Ferasman

Random testimonial All testimonials