jQWidgets Forums

Tagged: jquery dropdown list

This topic contains 3 replies, has 3 voices, and was last updated by Peter Stoev 11 years, 4 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

how to programmatically set the selected item in DropDownList Posts

April 1, 2013 at 7:30 am how to programmatically set the selected item in DropDownList #18338

April 1, 2013 at 7:51 am how to programmatically set the selected item in DropDownList #18340

Peter Stoev

Keymaster

Hi ryan paul,

Actually, that will work in jQWidgets 2.8.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="../../scripts/gettheme.js"></script>
    <script type="text/javascript" src="../../scripts/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxscrollbar.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxlistbox.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxdropdownlist.js"></script>
</head>
<body>
    <div id='content'>
        <script type="text/javascript">
            $(document).ready(function () {
                var source = [
                    "Hello 1",
                    "Hello 2",
                    "Hello 3",
                    "Hello 4",
                    "Hello 5"
		        ];
                // Create a jqxDropDownList
                $("#jqxWidget").jqxDropDownList({ source: source, width: '200', height: '25'});
                $("#jqxWidget").jqxDropDownList('selectItem', 'Hello 3');
            });
        </script>
        <div id='jqxWidget'>
        </div>
    </div>
</body>
</html>