Sign In| Join
Get Help:Ask a Question in our Forums|Report a Bug|More Help Resources
Last post Dec 10, 2012 03:10 AM by asteranup
Member
40 Points
259 Posts
Dec 08, 2012 10:24 AM|LINK
how can i generate json of collection of ddls being generated on runtime.
code:
{ 'HierarchyLabel': $("#slbHierarchyRoot2 :selected").text(), // Root 1 'HierarchyLevel': $("#slbHierarchyRoot2").val(), 'HierarchyParentId': 0 },
here ddl id are hardcode but they will generate on runtime
thanks
Star
14871 Points
1529 Posts
Microsoft
Dec 10, 2012 02:19 AM|LINK
Hi dotnet_CH,
Thanks for your post.
about How to populate a dropdownlist with json data, I would like to suggest you check the following post:
http://stackoverflow.com/questions/2637694/how-to-populate-a-dropdownlist-with-json-data-in-jquery
Hope this helps, thanks.
All-Star
30184 Points
4906 Posts
Dec 10, 2012 03:10 AM|LINK
Hi,
Assign a css class to the ddls and use map function to get the json string
http://delicious.com/anupdg/map
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script> $(document).ready(function () { $("input[id*=btn]").click(function () { valueArray = $.map($(".dropdown"), function (item, i) { return { text: $(item).find("option:selected").html(), value: $(item).val() } }); debugger; }) }) </script> <title> </title></head> <body> <form method="post" action="unable to get value and text from ddls.aspx" id="form1"> <div id="placeholderHierarchy" > <select name="ddl1" id="ddl1" class="dropdown"> <option value="11">Text 11</option> <option value="13">Text 12</option> <option value="14">Text 13</option> <option value="15">Text 14</option> </select> <select name="ddl2" id="ddl2" class="dropdown"> <option value="21">Text 21</option> <option value="23">Text 22</option> <option value="24">Text 23</option> <option value="25">Text 24</option> </select> <select name="ddl3" id="ddl3" class="dropdown"> <option value="31">Text 31</option> <option value="33">Text 32</option> <option value="34">Text 33</option> <option value="35">Text 34</option> </select> <select name="ddl4" id="ddl4" class="dropdown"> <option value="41">Text 41</option> <option value="43">Text 42</option> <option value="44">Text 43</option> <option value="45">Text 44</option> </select> <select name="ddl5" id="ddl5" class="dropdown"> <option value="51">Text 51</option> <option value="53">Text 52</option> <option value="54">Text 53</option> <option value="55">Text 54</option> </select> </div> <input id="btn" type="button" value="get Values" /> </form> </body> </html>
If this is not sufficient, share use your generated HTML.
dotnet_CH
Member
40 Points
259 Posts
how to generate JSON collection from dynamic controls on page
Dec 08, 2012 10:24 AM|LINK
how can i generate json of collection of ddls being generated on runtime.
code:
{
'HierarchyLabel': $("#slbHierarchyRoot2 :selected").text(), // Root 1
'HierarchyLevel': $("#slbHierarchyRoot2").val(),
'HierarchyParentId': 0
},
here ddl id are hardcode but they will generate on runtime
thanks
Yanping Wang...
Star
14871 Points
1529 Posts
Microsoft
Re: how to generate JSON collection from dynamic controls on page
Dec 10, 2012 02:19 AM|LINK
Hi dotnet_CH,
Thanks for your post.
about How to populate a dropdownlist with json data, I would like to suggest you check the following post:
http://stackoverflow.com/questions/2637694/how-to-populate-a-dropdownlist-with-json-data-in-jquery
Hope this helps, thanks.
Feedback to us
Develop and promote your apps in Windows Store
asteranup
All-Star
30184 Points
4906 Posts
Re: how to generate JSON collection from dynamic controls on page
Dec 10, 2012 03:10 AM|LINK
Hi,
Assign a css class to the ddls and use map function to get the json string
http://delicious.com/anupdg/map
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script> $(document).ready(function () { $("input[id*=btn]").click(function () { valueArray = $.map($(".dropdown"), function (item, i) { return { text: $(item).find("option:selected").html(), value: $(item).val() } }); debugger; }) }) </script> <title> </title></head> <body> <form method="post" action="unable to get value and text from ddls.aspx" id="form1"> <div id="placeholderHierarchy" > <select name="ddl1" id="ddl1" class="dropdown"> <option value="11">Text 11</option> <option value="13">Text 12</option> <option value="14">Text 13</option> <option value="15">Text 14</option> </select> <select name="ddl2" id="ddl2" class="dropdown"> <option value="21">Text 21</option> <option value="23">Text 22</option> <option value="24">Text 23</option> <option value="25">Text 24</option> </select> <select name="ddl3" id="ddl3" class="dropdown"> <option value="31">Text 31</option> <option value="33">Text 32</option> <option value="34">Text 33</option> <option value="35">Text 34</option> </select> <select name="ddl4" id="ddl4" class="dropdown"> <option value="41">Text 41</option> <option value="43">Text 42</option> <option value="44">Text 43</option> <option value="45">Text 44</option> </select> <select name="ddl5" id="ddl5" class="dropdown"> <option value="51">Text 51</option> <option value="53">Text 52</option> <option value="54">Text 53</option> <option value="55">Text 54</option> </select> </div> <input id="btn" type="button" value="get Values" /> </form> </body> </html>If this is not sufficient, share use your generated HTML.
Anup Das Gupta
Mark as Answer if you feel so. Visit My Blog