Infragistics WebDropDown

texto_valor.aspx

// seleccionar texto y valor
// http://localhost:17140/samplesbrowser/Samples/WebDropDown/EditingAndSelection/ClientEvents/Default.aspx?cn=drop-down&sid=4a840952-2e28-4251-91a7-ea31cb23256b

<ig:WebDropDown ID="WebDropDown1" runat="server" Width="200px" DropDownContainerWidth="200px"
    DropDownAnimationDuration="2000" EnableDropDownAsChild="false" LoadingItemsMessageText="Loading items..." AccessKey="j" StyleSetName="IG">
    <ClientEvents SelectionChanged="selectedIndexChanged" SelectionChanging="selectedIndexChanging" />
    <Items>
        <ig:DropDownItem Value="a" Text="A.M.">
        </ig:DropDownItem>
        <ig:DropDownItem Value="b" Text="Being There">
        </ig:DropDownItem>
        <ig:DropDownItem Value="c" Text="Mermaid Avenue">
        </ig:DropDownItem>
        <ig:DropDownItem Value="d" Text="Summerteeth">
        </ig:DropDownItem>
        <ig:DropDownItem Value="f" Text="Mermaid Avenue Vol. II">
        </ig:DropDownItem>
        <ig:DropDownItem Value="g" Text="Yankee Hotel Foxtrot">
        </ig:DropDownItem>
        <ig:DropDownItem Value="h" Text="A Ghost Is Born">
        </ig:DropDownItem>
        <ig:DropDownItem Value="i" Text="Kicking Television">
        </ig:DropDownItem>
        <ig:DropDownItem Value="j" Text="Sky Blue Sky ">
        </ig:DropDownItem>
    </Items>
</ig:WebDropDown>

<script type="text/javascript">

function selectedIndexChanging(sender, eventArgs) {
    addLine("SelectedIndexChanging");
    //var item = sender.get_items().getItem(sender.get_selectedItemIndex());
    //var value = item.get_value();
    var value = eventArgs.getNewSelection()[0].get_value();
    var text = eventArgs.getNewSelection()[0].get_text();

    console.log('Changing ', value, text);
}

function selectedIndexChanged(sender, eventArgs) {
    addLine("SelectedIndexChanged");
    //var item = sender.get_items().getItem(sender.get_selectedItemIndex());
    //var value = item.get_value();
    var value = eventArgs.getNewSelection()[0].get_value();
    var text = eventArgs.getNewSelection()[0].get_text();

    console.log('Changed ', value, text);
}

</script>