{"id":259366,"date":"2024-07-02T13:57:39","date_gmt":"2024-07-02T13:57:39","guid":{"rendered":"https:\/\/namso-gen.co\/blog\/?p=259366"},"modified":"2024-07-02T13:57:39","modified_gmt":"2024-07-02T13:57:39","slug":"how-to-set-default-value-in-kendo-dropdownlist-using-jquery","status":"publish","type":"post","link":"https:\/\/namso-gen.co\/blog\/how-to-set-default-value-in-kendo-dropdownlist-using-jquery\/","title":{"rendered":"How to set default value in Kendo dropdownlist using jQuery?"},"content":{"rendered":"<p><\/p>\n<p>Kendo dropdownlist is a powerful JavaScript-based UI component that allows users to select from a list of predefined options. It provides a seamless and intuitive user experience. Sometimes, we may want to set a default value for the dropdownlist, so that a specific option is preselected when the page loads. In this article, we will explore how to achieve this using jQuery.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_62 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/namso-gen.co\/blog\/how-to-set-default-value-in-kendo-dropdownlist-using-jquery\/#The_answer_is\" title=\"The answer is:\">The answer is:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/namso-gen.co\/blog\/how-to-set-default-value-in-kendo-dropdownlist-using-jquery\/#Here_are_some_related_FAQs\" title=\"Here are some related FAQs:\">Here are some related FAQs:<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/namso-gen.co\/blog\/how-to-set-default-value-in-kendo-dropdownlist-using-jquery\/#1_How_do_I_get_the_current_selected_value_in_Kendo_dropdownlist_using_jQuery\" title=\"1. How do I get the current selected value in Kendo dropdownlist using jQuery?\">1. How do I get the current selected value in Kendo dropdownlist using jQuery?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/namso-gen.co\/blog\/how-to-set-default-value-in-kendo-dropdownlist-using-jquery\/#2_How_can_I_disable_the_dropdownlist_using_jQuery\" title=\"2. How can I disable the dropdownlist using jQuery?\">2. How can I disable the dropdownlist using jQuery?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/namso-gen.co\/blog\/how-to-set-default-value-in-kendo-dropdownlist-using-jquery\/#3_How_can_I_enable_the_dropdownlist_using_jQuery\" title=\"3. How can I enable the dropdownlist using jQuery?\">3. How can I enable the dropdownlist using jQuery?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/namso-gen.co\/blog\/how-to-set-default-value-in-kendo-dropdownlist-using-jquery\/#4_How_do_I_dynamically_add_options_to_Kendo_dropdownlist_using_jQuery\" title=\"4. How do I dynamically add options to Kendo dropdownlist using jQuery?\">4. How do I dynamically add options to Kendo dropdownlist using jQuery?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/namso-gen.co\/blog\/how-to-set-default-value-in-kendo-dropdownlist-using-jquery\/#5_How_can_I_bind_data_to_Kendo_dropdownlist_using_jQuery\" title=\"5. How can I bind data to Kendo dropdownlist using jQuery?\">5. How can I bind data to Kendo dropdownlist using jQuery?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/namso-gen.co\/blog\/how-to-set-default-value-in-kendo-dropdownlist-using-jquery\/#6_How_do_I_clear_the_selection_in_Kendo_dropdownlist_using_jQuery\" title=\"6. How do I clear the selection in Kendo dropdownlist using jQuery?\">6. How do I clear the selection in Kendo dropdownlist using jQuery?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/namso-gen.co\/blog\/how-to-set-default-value-in-kendo-dropdownlist-using-jquery\/#7_How_do_I_retrieve_the_text_of_the_selected_option_in_Kendo_dropdownlist_using_jQuery\" title=\"7. How do I retrieve the text of the selected option in Kendo dropdownlist using jQuery?\">7. How do I retrieve the text of the selected option in Kendo dropdownlist using jQuery?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/namso-gen.co\/blog\/how-to-set-default-value-in-kendo-dropdownlist-using-jquery\/#8_How_can_I_listen_to_the_change_event_of_Kendo_dropdownlist_using_jQuery\" title=\"8. How can I listen to the change event of Kendo dropdownlist using jQuery?\">8. How can I listen to the change event of Kendo dropdownlist using jQuery?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/namso-gen.co\/blog\/how-to-set-default-value-in-kendo-dropdownlist-using-jquery\/#9_How_do_I_set_the_width_of_Kendo_dropdownlist_using_jQuery\" title=\"9. How do I set the width of Kendo dropdownlist using jQuery?\">9. How do I set the width of Kendo dropdownlist using jQuery?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/namso-gen.co\/blog\/how-to-set-default-value-in-kendo-dropdownlist-using-jquery\/#10_How_do_I_get_the_number_of_options_in_Kendo_dropdownlist_using_jQuery\" title=\"10. How do I get the number of options in Kendo dropdownlist using jQuery?\">10. How do I get the number of options in Kendo dropdownlist using jQuery?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/namso-gen.co\/blog\/how-to-set-default-value-in-kendo-dropdownlist-using-jquery\/#11_How_can_I_set_the_placeholder_text_for_Kendo_dropdownlist_using_jQuery\" title=\"11. How can I set the placeholder text for Kendo dropdownlist using jQuery?\">11. How can I set the placeholder text for Kendo dropdownlist using jQuery?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/namso-gen.co\/blog\/how-to-set-default-value-in-kendo-dropdownlist-using-jquery\/#12_How_do_I_destroy_Kendo_dropdownlist_using_jQuery\" title=\"12. How do I destroy Kendo dropdownlist using jQuery?\">12. How do I destroy Kendo dropdownlist using jQuery?<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"The_answer_is\"><\/span>The answer is:<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><\/p>\n<p><strong>To set a default value in Kendo dropdownlist using jQuery, you can use the <code>value<\/code> method provided by the Kendo DropDownList widget.<\/strong> This method allows you to programmatically set the value of the dropdownlist. By using jQuery to select the dropdownlist by its ID or class and calling the <code>value<\/code> method with the desired default value, you can set the default selection. Below is an example:<\/p>\n<p>&#8220;`javascript<br \/>\n$(&#8220;#dropdownlist&#8221;).data(&#8220;kendoDropDownList&#8221;).value(&#8220;default-value&#8221;);<br \/>\n&#8220;`<\/p>\n<p>Replace <code>#dropdownlist<\/code> with the ID or class selector of your dropdownlist element, and <code>default-value<\/code> with the value of the option you want to set as default.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Here_are_some_related_FAQs\"><\/span>Here are some related FAQs:<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><span class=\"ez-toc-section\" id=\"1_How_do_I_get_the_current_selected_value_in_Kendo_dropdownlist_using_jQuery\"><\/span>1. How do I get the current selected value in Kendo dropdownlist using jQuery?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><\/p>\n<p>To get the currently selected value in Kendo dropdownlist using jQuery, you can use the <code>value<\/code> method along with the <code>data<\/code> method:<\/p>\n<p>&#8220;`javascript<br \/>\nvar selectedValue = $(&#8220;#dropdownlist&#8221;).data(&#8220;kendoDropDownList&#8221;).value();<br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"2_How_can_I_disable_the_dropdownlist_using_jQuery\"><\/span>2. How can I disable the dropdownlist using jQuery?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><\/p>\n<p>To disable the Kendo dropdownlist using jQuery, you can call the <code>enable<\/code> method with the parameter <code>false<\/code>:<\/p>\n<p>&#8220;`javascript<br \/>\n$(&#8220;#dropdownlist&#8221;).data(&#8220;kendoDropDownList&#8221;).enable(false);<br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"3_How_can_I_enable_the_dropdownlist_using_jQuery\"><\/span>3. How can I enable the dropdownlist using jQuery?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><\/p>\n<p>To enable the Kendo dropdownlist using jQuery, you can call the <code>enable<\/code> method with the parameter <code>true<\/code>:<\/p>\n<p>&#8220;`javascript<br \/>\n$(&#8220;#dropdownlist&#8221;).data(&#8220;kendoDropDownList&#8221;).enable(true);<br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"4_How_do_I_dynamically_add_options_to_Kendo_dropdownlist_using_jQuery\"><\/span>4. How do I dynamically add options to Kendo dropdownlist using jQuery?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><\/p>\n<p>You can dynamically add options to the Kendo dropdownlist using the <code>dataSource<\/code> object&#8217;s <code>add<\/code> method and then refreshing the dropdownlist:<\/p>\n<p>&#8220;`javascript<br \/>\nvar dropdownlist = $(&#8220;#dropdownlist&#8221;).data(&#8220;kendoDropDownList&#8221;);<br \/>\ndropdownlist.dataSource.add({ text: &#8220;New Option&#8221;, value: &#8220;new-value&#8221; });<br \/>\ndropdownlist.refresh();<br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"5_How_can_I_bind_data_to_Kendo_dropdownlist_using_jQuery\"><\/span>5. How can I bind data to Kendo dropdownlist using jQuery?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><\/p>\n<p>You can bind data to the Kendo dropdownlist using the <code>dataSource<\/code> object&#8217;s <code>data<\/code> method:<\/p>\n<p>&#8220;`javascript<br \/>\nvar data = [<br \/>\n  { text: &#8220;Option 1&#8221;, value: &#8220;option-1&#8221; },<br \/>\n  { text: &#8220;Option 2&#8221;, value: &#8220;option-2&#8221; },<br \/>\n  \/\/ Add more options if needed<br \/>\n];<\/p>\n<p>$(&#8220;#dropdownlist&#8221;).data(&#8220;kendoDropDownList&#8221;).dataSource.data(data);<br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"6_How_do_I_clear_the_selection_in_Kendo_dropdownlist_using_jQuery\"><\/span>6. How do I clear the selection in Kendo dropdownlist using jQuery?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><\/p>\n<p>To clear the selection in Kendo dropdownlist using jQuery, you can set the value to an empty string:<\/p>\n<p>&#8220;`javascript<br \/>\n$(&#8220;#dropdownlist&#8221;).data(&#8220;kendoDropDownList&#8221;).value(&#8220;&#8221;);<br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"7_How_do_I_retrieve_the_text_of_the_selected_option_in_Kendo_dropdownlist_using_jQuery\"><\/span>7. How do I retrieve the text of the selected option in Kendo dropdownlist using jQuery?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><\/p>\n<p>To retrieve the text of the selected option in Kendo dropdownlist using jQuery, you can use the <code>text<\/code> method:<\/p>\n<p>&#8220;`javascript<br \/>\nvar selectedText = $(&#8220;#dropdownlist&#8221;).data(&#8220;kendoDropDownList&#8221;).text();<br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"8_How_can_I_listen_to_the_change_event_of_Kendo_dropdownlist_using_jQuery\"><\/span>8. How can I listen to the change event of Kendo dropdownlist using jQuery?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><\/p>\n<p>You can listen to the change event of Kendo dropdownlist using the <code>change<\/code> method:<\/p>\n<p>&#8220;`javascript<br \/>\n$(&#8220;#dropdownlist&#8221;).data(&#8220;kendoDropDownList&#8221;).bind(&#8220;change&#8221;, function(e) {<br \/>\n  \/\/ Handle the change event here<br \/>\n});<br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"9_How_do_I_set_the_width_of_Kendo_dropdownlist_using_jQuery\"><\/span>9. How do I set the width of Kendo dropdownlist using jQuery?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><\/p>\n<p>To set the width of Kendo dropdownlist using jQuery, you can use the <code>css<\/code> method:<\/p>\n<p>&#8220;`javascript<br \/>\n$(&#8220;#dropdownlist&#8221;).css(&#8220;width&#8221;, &#8220;300px&#8221;);<br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"10_How_do_I_get_the_number_of_options_in_Kendo_dropdownlist_using_jQuery\"><\/span>10. How do I get the number of options in Kendo dropdownlist using jQuery?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><\/p>\n<p>You can get the number of options in Kendo dropdownlist using the <code>options<\/code> method:<\/p>\n<p>&#8220;`javascript<br \/>\nvar numberOfOptions = $(&#8220;#dropdownlist&#8221;).data(&#8220;kendoDropDownList&#8221;).options.dataSource.length;<br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"11_How_can_I_set_the_placeholder_text_for_Kendo_dropdownlist_using_jQuery\"><\/span>11. How can I set the placeholder text for Kendo dropdownlist using jQuery?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><\/p>\n<p>You can set the placeholder text for Kendo dropdownlist using the <code>placeholder<\/code> attribute of the input element:<\/p>\n<p>&#8220;`javascript<br \/>\n$(&#8220;#dropdownlist&#8221;).data(&#8220;kendoDropDownList&#8221;).input.attr(&#8220;placeholder&#8221;, &#8220;Select an option&#8221;);<br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"12_How_do_I_destroy_Kendo_dropdownlist_using_jQuery\"><\/span>12. How do I destroy Kendo dropdownlist using jQuery?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><\/p>\n<p>To destroy Kendo dropdownlist using jQuery, you can use the <code>destroy<\/code> method:<\/p>\n<p>&#8220;`javascript<br \/>\n$(&#8220;#dropdownlist&#8221;).data(&#8220;kendoDropDownList&#8221;).destroy();<br \/>\n&#8220;`<\/p>\n<p>Keep in mind that destroying the dropdownlist will remove all event handlers and restore the original HTML element.<\/p>\n<p>By utilizing the power of Kendo dropdownlist and jQuery, you can easily set default values and perform various operations on dropdownlists with ease. Whether it&#8217;s retrieving data, manipulating options, or listening to events, jQuery provides a versatile approach to enhance the functionality of Kendo dropdownlist.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Kendo dropdownlist is a powerful JavaScript-based UI component that allows users to select from a list of predefined options. It provides a seamless and intuitive user experience. Sometimes, we may want to set a default value for the dropdownlist, so that a specific option is preselected when the page loads. In this article, we will &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"How to set default value in Kendo dropdownlist using jQuery?\" class=\"read-more button\" href=\"https:\/\/namso-gen.co\/blog\/how-to-set-default-value-in-kendo-dropdownlist-using-jquery\/#more-259366\">Read more<span class=\"screen-reader-text\">How to set default value in Kendo dropdownlist using jQuery?<\/span><\/a><\/p>\n","protected":false},"author":65,"featured_media":107420,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[86279],"tags":[],"class_list":["post-259366","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-learn","no-featured-image-padding"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to set default value in Kendo dropdownlist using jQuery?<\/title>\n<meta name=\"description\" content=\"Kendo dropdownlist is a powerful JavaScript-based UI component that allows users to select from a list of predefined options. It provides a seamless and\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/namso-gen.co\/blog\/how-to-set-default-value-in-kendo-dropdownlist-using-jquery\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to set default value in Kendo dropdownlist using jQuery?\" \/>\n<meta property=\"og:description\" content=\"Kendo dropdownlist is a powerful JavaScript-based UI component that allows users to select from a list of predefined options. It provides a seamless and\" \/>\n<meta property=\"og:url\" content=\"https:\/\/namso-gen.co\/blog\/how-to-set-default-value-in-kendo-dropdownlist-using-jquery\/\" \/>\n<meta property=\"og:site_name\" content=\"Namso Gen Blog - Free Credit Card Generator [100% Valid]\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/synchronyfinancial\" \/>\n<meta property=\"article:published_time\" content=\"2024-07-02T13:57:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2024\/03\/faq.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Timothy Mathis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@synchrony\" \/>\n<meta name=\"twitter:site\" content=\"@synchrony\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Timothy Mathis\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-set-default-value-in-kendo-dropdownlist-using-jquery\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-set-default-value-in-kendo-dropdownlist-using-jquery\/\"},\"author\":{\"name\":\"Timothy Mathis\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/ffa5be155490b2344e28f672fcc1e318\"},\"headline\":\"How to set default value in Kendo dropdownlist using jQuery?\",\"datePublished\":\"2024-07-02T13:57:39+00:00\",\"dateModified\":\"2024-07-02T13:57:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-set-default-value-in-kendo-dropdownlist-using-jquery\/\"},\"wordCount\":664,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#organization\"},\"articleSection\":[\"Learn\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/namso-gen.co\/blog\/how-to-set-default-value-in-kendo-dropdownlist-using-jquery\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-set-default-value-in-kendo-dropdownlist-using-jquery\/\",\"url\":\"https:\/\/namso-gen.co\/blog\/how-to-set-default-value-in-kendo-dropdownlist-using-jquery\/\",\"name\":\"How to set default value in Kendo dropdownlist using jQuery?\",\"isPartOf\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#website\"},\"datePublished\":\"2024-07-02T13:57:39+00:00\",\"dateModified\":\"2024-07-02T13:57:39+00:00\",\"description\":\"Kendo dropdownlist is a powerful JavaScript-based UI component that allows users to select from a list of predefined options. It provides a seamless and\",\"breadcrumb\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-set-default-value-in-kendo-dropdownlist-using-jquery\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/namso-gen.co\/blog\/how-to-set-default-value-in-kendo-dropdownlist-using-jquery\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-set-default-value-in-kendo-dropdownlist-using-jquery\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/namso-gen.co\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to set default value in Kendo dropdownlist using jQuery?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#website\",\"url\":\"https:\/\/namso-gen.co\/blog\/\",\"name\":\"Namso Gen Blog - Free Credit Card Generator [100% Valid]\",\"description\":\"In Namso gen blog you can get many tips regarding to Credit cards, VCC, Credit card security etc. You can generate credit cards by using Namso-gen.co\",\"publisher\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/namso-gen.co\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#organization\",\"name\":\"Namso Gen Blog - Free Credit Card Generator [100% Valid]\",\"url\":\"https:\/\/namso-gen.co\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png\",\"contentUrl\":\"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png\",\"width\":500,\"height\":164,\"caption\":\"Namso Gen Blog - Free Credit Card Generator [100% Valid]\"},\"image\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/synchronyfinancial\",\"https:\/\/twitter.com\/synchrony\",\"https:\/\/www.youtube.com\/synchronyfinancial\",\"https:\/\/www.instagram.com\/synchrony\",\"https:\/\/www.linkedin.com\/company\/synchrony-financial\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/ffa5be155490b2344e28f672fcc1e318\",\"name\":\"Timothy Mathis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g\",\"caption\":\"Timothy Mathis\"},\"description\":\"Guest author Timothy Mathis has meticulously crafted and revised this article to the best of their knowledge and understanding. Readers are strongly advised to exercise caution, verify information independently, and rely on their own judgment when considering the information provided. Read more articles on Namso Gen here.\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to set default value in Kendo dropdownlist using jQuery?","description":"Kendo dropdownlist is a powerful JavaScript-based UI component that allows users to select from a list of predefined options. It provides a seamless and","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/namso-gen.co\/blog\/how-to-set-default-value-in-kendo-dropdownlist-using-jquery\/","og_locale":"en_US","og_type":"article","og_title":"How to set default value in Kendo dropdownlist using jQuery?","og_description":"Kendo dropdownlist is a powerful JavaScript-based UI component that allows users to select from a list of predefined options. It provides a seamless and","og_url":"https:\/\/namso-gen.co\/blog\/how-to-set-default-value-in-kendo-dropdownlist-using-jquery\/","og_site_name":"Namso Gen Blog - Free Credit Card Generator [100% Valid]","article_publisher":"https:\/\/www.facebook.com\/synchronyfinancial","article_published_time":"2024-07-02T13:57:39+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2024\/03\/faq.png","type":"image\/png"}],"author":"Timothy Mathis","twitter_card":"summary_large_image","twitter_creator":"@synchrony","twitter_site":"@synchrony","twitter_misc":{"Written by":"Timothy Mathis","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/namso-gen.co\/blog\/how-to-set-default-value-in-kendo-dropdownlist-using-jquery\/#article","isPartOf":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-set-default-value-in-kendo-dropdownlist-using-jquery\/"},"author":{"name":"Timothy Mathis","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/ffa5be155490b2344e28f672fcc1e318"},"headline":"How to set default value in Kendo dropdownlist using jQuery?","datePublished":"2024-07-02T13:57:39+00:00","dateModified":"2024-07-02T13:57:39+00:00","mainEntityOfPage":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-set-default-value-in-kendo-dropdownlist-using-jquery\/"},"wordCount":664,"commentCount":0,"publisher":{"@id":"https:\/\/namso-gen.co\/blog\/#organization"},"articleSection":["Learn"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/namso-gen.co\/blog\/how-to-set-default-value-in-kendo-dropdownlist-using-jquery\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/namso-gen.co\/blog\/how-to-set-default-value-in-kendo-dropdownlist-using-jquery\/","url":"https:\/\/namso-gen.co\/blog\/how-to-set-default-value-in-kendo-dropdownlist-using-jquery\/","name":"How to set default value in Kendo dropdownlist using jQuery?","isPartOf":{"@id":"https:\/\/namso-gen.co\/blog\/#website"},"datePublished":"2024-07-02T13:57:39+00:00","dateModified":"2024-07-02T13:57:39+00:00","description":"Kendo dropdownlist is a powerful JavaScript-based UI component that allows users to select from a list of predefined options. It provides a seamless and","breadcrumb":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-set-default-value-in-kendo-dropdownlist-using-jquery\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/namso-gen.co\/blog\/how-to-set-default-value-in-kendo-dropdownlist-using-jquery\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/namso-gen.co\/blog\/how-to-set-default-value-in-kendo-dropdownlist-using-jquery\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/namso-gen.co\/blog\/"},{"@type":"ListItem","position":2,"name":"How to set default value in Kendo dropdownlist using jQuery?"}]},{"@type":"WebSite","@id":"https:\/\/namso-gen.co\/blog\/#website","url":"https:\/\/namso-gen.co\/blog\/","name":"Namso Gen Blog - Free Credit Card Generator [100% Valid]","description":"In Namso gen blog you can get many tips regarding to Credit cards, VCC, Credit card security etc. You can generate credit cards by using Namso-gen.co","publisher":{"@id":"https:\/\/namso-gen.co\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/namso-gen.co\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/namso-gen.co\/blog\/#organization","name":"Namso Gen Blog - Free Credit Card Generator [100% Valid]","url":"https:\/\/namso-gen.co\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png","contentUrl":"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png","width":500,"height":164,"caption":"Namso Gen Blog - Free Credit Card Generator [100% Valid]"},"image":{"@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/synchronyfinancial","https:\/\/twitter.com\/synchrony","https:\/\/www.youtube.com\/synchronyfinancial","https:\/\/www.instagram.com\/synchrony","https:\/\/www.linkedin.com\/company\/synchrony-financial"]},{"@type":"Person","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/ffa5be155490b2344e28f672fcc1e318","name":"Timothy Mathis","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g","caption":"Timothy Mathis"},"description":"Guest author Timothy Mathis has meticulously crafted and revised this article to the best of their knowledge and understanding. Readers are strongly advised to exercise caution, verify information independently, and rely on their own judgment when considering the information provided. Read more articles on Namso Gen here."}]}},"_links":{"self":[{"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/posts\/259366","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/comments?post=259366"}],"version-history":[{"count":0,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/posts\/259366\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/media\/107420"}],"wp:attachment":[{"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/media?parent=259366"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/categories?post=259366"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/tags?post=259366"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}