delete multiple text fields based on dropdown

@PadonakJun 26.2010 — #this is just an example

[CODE]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
 <title>No title</title>
 <style type="text/css">
 <!--
 div#workingarea{text-align:center;padding:50px 20px 20px 20px;}
 div#workingarea input{margin-left:10px;margin-right:10px;text-align:center;}
 div#displ{text-align:center;}
 -->
 </style>
 <script language="JavaScript" type="text/javascript">
 <!--
 function set_elems(){
 var sel = document.getElementById("sel");
 sel.onchange = function(){
 if(this.selectedIndex != 4){this.blur(); return;}
 else{
 var txts = this.parentNode.getElementsByTagName("INPUT");
 for(var i = 0; i < txts.length; i++){txts[i].value = "";}
 this.blur();
 }
 }
 document.getElementById("show_val").onclick = show_values;
 }
 
 function show_values(){
 var displ = document.getElementById("displ");
 displ.innerHTML = "";
 var txts = this.parentNode.getElementsByTagName("INPUT");
 for(var i = 0; i < txts.length; i++){
 displ.innerHTML += "textfield " + (i + 1) + " value = " + txts[i].value + "<br />";
 }
 this.blur();
 }
 
 window.onload = set_elems;
 //-->
 </script>
 </head>
 <body>
 <div id="workingarea">
 <select id="sel">
 <option value="1">1</option>
 <option value="2">2</option>
 <option value="3">3</option>
 <option value="4">4</option>
 <option value="5">this will clear the fields</option>
 </select>
 <br /><br /><br />
 <input type="text" size="20" value="10" /><input type="text" size="20" value="20" /><input type="text" size="20" value="30" />
 <br /><br />
 <a href="#null" id="show_val">show current values</a>
 </div>
 <br /><br />
 <div id="displ">test area</div>
 </body>
 </html>[/CODE]

@dizzadauthorJun 27.2010 — #Hello Padonak, This is perfect, just what I need. I can't thank you enough. Now I can finally move on with this project. Thanks! Jim

@PadonakJun 27.2010 — #glad to hear that it was useful :-) i'm just a plumber and coding is just a hobby for me. i like to help people when i see i can.

delete multiple text fields based on dropdown

3 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

delete multiple text fields based on dropdown

3 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

3 Comments(s) _↴

Also in #JavaScript _↴