{"id":1154,"date":"2012-11-29T23:36:11","date_gmt":"2012-11-29T23:36:11","guid":{"rendered":"http:\/\/www.phpmind.com\/blog\/?p=1154"},"modified":"2012-11-29T23:43:54","modified_gmt":"2012-11-29T23:43:54","slug":"how-to-pass-select-box-drop-down-value-to-multiple-text-boxes","status":"publish","type":"post","link":"https:\/\/www.phpmind.com\/blog\/2012\/11\/how-to-pass-select-box-drop-down-value-to-multiple-text-boxes\/","title":{"rendered":"How to pass select box drop down value to multiple text boxes?"},"content":{"rendered":"<p>This code allow you to select dropdown value to multiple text boxes which have same name or class.<br \/>\nVery useful if you are creating price table and want to pass data to next page.<\/p>\n<pre lang=\"html\">\r\n<script src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.8.3\/jquery.min.js\"><\/script>\r\n    \r\n<select id=\"name\" name=\"name\">\r\n<option value=\"\" selected=\"selected\">Please select...One Option<\/option>\r\n<option value=\"Om\">Om<\/option>\r\n<option value=\"Jyoti\">Jyoti<\/option>\r\n<option value=\"Lal\">Lal<\/option>\r\n<\/select>\r\n <input type=\"text\" class=\"phonnumber\" name=\"phonenumber\" value=\"\" readonly=\"readonly\">\r\n<input type=\"text\" class=\"phonnumber\" name=\"phonenumber\" value=\"\" readonly=\"readonly\">\r\n<script type=\"text\/javascript\">\r\n $(document).ready(function(){\r\n\t$(\"#name\").live(\"change\", function() {\r\n\t  $(\".phonnumber\").val($(this).find(\"option:selected\").attr(\"value\"));\r\n\t});\r\n});\r\n<\/script>\r\n\r\n<\/pre>\n<pre lang=\"js\">\r\nYou can pass select drop down value to one text box without using jQuery.\r\n<script type=\"text\/javascript\">\r\n    function explain(value){\r\n      document.getElementById(\"fanpage_value\").value=document.getElementById(\"list011\").value;\r\n    }\r\n<\/script>\r\n      \r\n    <select id=\"list011\" name=\"atk\" class=\"but\" onChange=\"explain(this)\">\r\n    <option value=\"1\">1<\/option>\r\n    <option value=\"2\">2<\/option>\r\n    <option value=\"3\">3<\/option>\r\n    <\/select>\r\n\r\n <form id=\"myform\" method=\"post\">What would you like to select\r\n    <input id=\"fanpage_value\" value=\"\" disabled=\"disabled\" class=\"but\" size=\"50\" \/>\r\n      <input id=\"fanpage_value\" value=\"\" disabled=\"disabled\" class=\"but\" size=\"50\" \/>\r\n    <input type=\"submit\" name=\"attack\" value=\"POST!!\" class=\"but\" \/>\r\n    <\/form>\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>This code allow you to select dropdown value to multiple text boxes which have same name or class. Very useful if you are creating price table and want to pass data to next page. Please select&#8230;One Option Om Jyoti Lal You can pass select drop down value to one text box without using jQuery. 1 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[30],"tags":[],"class_list":["post-1154","post","type-post","status-publish","format-standard","hentry","category-jquery"],"_links":{"self":[{"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/posts\/1154","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/comments?post=1154"}],"version-history":[{"count":6,"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/posts\/1154\/revisions"}],"predecessor-version":[{"id":1165,"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/posts\/1154\/revisions\/1165"}],"wp:attachment":[{"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/media?parent=1154"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/categories?post=1154"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/tags?post=1154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}