{"id":638,"date":"2012-09-03T05:38:36","date_gmt":"2012-09-03T05:38:36","guid":{"rendered":"http:\/\/codeatelier.wordpress.com\/?p=266"},"modified":"2015-12-21T15:18:08","modified_gmt":"2015-12-21T15:18:08","slug":"how-to-bind-event-to-newly-added-form-element","status":"publish","type":"post","link":"https:\/\/codethataint.com\/blog\/how-to-bind-event-to-newly-added-form-element\/","title":{"rendered":"How to bind event to newly added Form Element"},"content":{"rendered":"<p><strong>Javascript Code<\/strong><br \/>\n<strong> Please Note &#8211; this doesnt work with old version of js File<\/strong><\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n\r\n$('document').ready(function(){\r\n$('#cboCity').live(&quot;change&quot;, function(){\r\nalert('Hi there');\r\n});\r\n\r\n$('#btnChange').on(&quot;click&quot;, function(){\r\nchangeCities();\r\n});\r\n});\r\n\r\nfunction changeCities()\r\n{\r\nstrSelect = &quot;&lt;select id='cboCity' name='cboCity'&gt;&lt;option&gt;Chennai&lt;\/option&gt;&lt;option&gt;Mumbai&lt;\/option&gt;&lt;\/select&gt;&quot;;\r\n$('#City').html(strSelect);\r\n}\r\n<\/pre>\n<p><strong>HTML Code<\/strong><\/p>\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n&lt;input id=&quot;btnChange&quot; type=&quot;button&quot; name=&quot;btnChange&quot; value=&quot;Change Me&quot; \/&gt;&lt;\/pre&gt;\r\n&lt;table&gt;\r\n&lt;tbody&gt;\r\n&lt;tr&gt;\r\n&lt;td&gt;\r\n&lt;div id=&quot;City&quot;&gt;\r\n&lt;select id=&quot;cboCity&quot; name=&quot;cboCity&quot;&gt;&lt;option&gt;Chennai&lt;\/option&gt;&lt;option&gt;Mumbai&lt;\/option&gt;&lt;option&gt;Delhi&lt;\/option&gt;&lt;option&gt;Kolkatta&lt;\/option&gt;&lt;option&gt;Andrapradesh&lt;\/option&gt;\r\n&lt;\/select&gt;\r\n\r\n&lt;\/div&gt;\r\n&lt;\/td&gt;\r\n&lt;\/tr&gt;\r\n&lt;\/tbody&gt;\r\n&lt;\/table&gt;\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Javascript Code Please Note &#8211; this doesnt work with old version of js File $(&#8216;document&#8217;).ready(function(){ $(&#8216;#cboCity&#8217;).live(&quot;change&quot;, function(){ alert(&#8216;Hi there&#8217;); }); $(&#8216;#btnChange&#8217;).on(&quot;click&quot;, function(){ changeCities(); }); }); function changeCities() { strSelect = &quot;&lt;select id=&#8217;cboCity&#8217; name=&#8217;cboCity&#8217;&gt;&lt;option&gt;Chennai&lt;\/option&gt;&lt;option&gt;Mumbai&lt;\/option&gt;&lt;\/select&gt;&quot;; $(&#8216;#City&#8217;).html(strSelect); } HTML Code &lt;input id=&quot;btnChange&quot; type=&quot;button&quot; name=&quot;btnChange&quot; value=&quot;Change Me&quot; \/&gt;&lt;\/pre&gt; &lt;table&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td&gt; &lt;div id=&quot;City&quot;&gt; &lt;select id=&quot;cboCity&quot; name=&quot;cboCity&quot;&gt;&lt;option&gt;Chennai&lt;\/option&gt;&lt;option&gt;Mumbai&lt;\/option&gt;&lt;option&gt;Delhi&lt;\/option&gt;&lt;option&gt;Kolkatta&lt;\/option&gt;&lt;option&gt;Andrapradesh&lt;\/option&gt; &lt;\/select&gt; &lt;\/div&gt;&hellip; <a href=\"https:\/\/codethataint.com\/blog\/how-to-bind-event-to-newly-added-form-element\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[],"class_list":["post-638","post","type-post","status-publish","format-standard","hentry","category-jquery"],"_links":{"self":[{"href":"https:\/\/codethataint.com\/blog\/wp-json\/wp\/v2\/posts\/638","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codethataint.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codethataint.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codethataint.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codethataint.com\/blog\/wp-json\/wp\/v2\/comments?post=638"}],"version-history":[{"count":2,"href":"https:\/\/codethataint.com\/blog\/wp-json\/wp\/v2\/posts\/638\/revisions"}],"predecessor-version":[{"id":1072,"href":"https:\/\/codethataint.com\/blog\/wp-json\/wp\/v2\/posts\/638\/revisions\/1072"}],"wp:attachment":[{"href":"https:\/\/codethataint.com\/blog\/wp-json\/wp\/v2\/media?parent=638"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codethataint.com\/blog\/wp-json\/wp\/v2\/categories?post=638"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codethataint.com\/blog\/wp-json\/wp\/v2\/tags?post=638"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}