@@ -30,63 +30,63 @@ The combobox shows the correct text, but the SelectedValue property is incorrect
3030
31311 . Add a hidden field to the page that will hold the selected value of the combobox:
3232
33- ` ```ASPNET
34- <input type="hidden" id="RadComboBox1Value" value="" />
35- ` ```
33+ ``` ASPNET
34+ <input type="hidden" id="RadComboBox1Value" value="" />
35+ ```
3636
37372 . Subscribe to the [ OnClientSelectedIndexChanged] ({%slug combobox/client-side-programming/events/onclientselectedindexchanged%}) event and update that hidden field:
3838
39- ````JavaScript
40- function onSelectedIndexChanged(sender, eventArgs) {
41- $get("RadComboBox1Value").value = eventArgs.get_item().get_value();
42- }
43- ````
39+ ```` JavaScript
40+ function onSelectedIndexChanged (sender , eventArgs ) {
41+ $get (" RadComboBox1Value" ).value = eventArgs .get_item ().get_value ();
42+ }
43+ ````
4444
45453 . On pageLoad() check for the value of the hidden field. If it is not empty - find the appropriate combo item and select it:
4646
47- ````JavaScript
48- function pageLoad() {
49- var savedValue = $get("RadComboBox1Value").value;
50- var combo = $find('<%= RadComboBox1.ClientID %>');
51- if (savedValue != "" && combo.findItemByValue(savedValue)) {
52- combo.findItemByValue(savedValue).select();
53- }
47+ ```` JavaScript
48+ function pageLoad () {
49+ var savedValue = $get (" RadComboBox1Value" ).value ;
50+ var combo = $find (' <%= RadComboBox1.ClientID %>' );
51+ if (savedValue != " " && combo .findItemByValue (savedValue)) {
52+ combo .findItemByValue (savedValue).select ();
5453 }
55- ````
54+ }
55+ ````
5656
5757
5858
5959Here is the final code:
6060
61- ```` ASPNET
62- <telerik:RadComboBox RenderMode="Lightweight" ID="RadComboBox1"
63- runat="server"
64- OnClientSelectedIndexChanged="onSelectedIndexChanged">
65- <Items>
66- <telerik:RadComboBoxItem runat="server" Text="Red" Value="red" />
67- <telerik:RadComboBoxItem runat="server" Text="Blue" Value="blue" />
68- <telerik:RadComboBoxItem runat="server" Text="Green" Value="Green" />
69- </Items>
70- </telerik:RadComboBox>
71-
72- <input type="hidden" id="RadComboBox1Value" value="" />
73-
74- <asp:Button ID="Button1" runat="server" Text="Button that Redirects" />
75- <script type="text/javascript">
76- function pageLoad() {
77- var savedValue = $get("RadComboBox1Value").value;
78- var combo = $find('<%= RadComboBox1.ClientID %>');
79-
80- if (savedValue != "" && combo.findItemByValue(savedValue)) {
81- combo.findItemByValue(savedValue).select();
82- }
83- }
84-
85- function onSelectedIndexChanged(sender, eventArgs) {
86- $get("RadComboBox1Value").value = eventArgs.get_item().get_value();
61+ ``` HTML
62+ <telerik:RadComboBox RenderMode =" Lightweight" ID =" RadComboBox1"
63+ runat =" server"
64+ OnClientSelectedIndexChanged =" onSelectedIndexChanged" >
65+ <Items >
66+ <telerik:RadComboBoxItem runat =" server" Text =" Red" Value =" red" />
67+ <telerik:RadComboBoxItem runat =" server" Text =" Blue" Value =" blue" />
68+ <telerik:RadComboBoxItem runat =" server" Text =" Green" Value =" Green" />
69+ </Items >
70+ </telerik:RadComboBox >
71+
72+ <input type =" hidden" id =" RadComboBox1Value" value =" " />
73+
74+ <asp:Button ID =" Button1" runat =" server" Text =" Button that Redirects" />
75+ <script type =" text/javascript" >
76+ function pageLoad () {
77+ var savedValue = $get (" RadComboBox1Value" ).value ;
78+ var combo = $find (' <%= RadComboBox1.ClientID %>' );
79+
80+ if (savedValue != " " && combo .findItemByValue (savedValue)) {
81+ combo .findItemByValue (savedValue).select ();
8782 }
88- </script>
89- ````
83+ }
84+
85+ function onSelectedIndexChanged (sender , eventArgs ) {
86+ $get (" RadComboBox1Value" ).value = eventArgs .get_item ().get_value ();
87+ }
88+ </script >
89+ ```
9090
9191
9292
0 commit comments