Add one item button

@jonathanwkellyJul 23.2010 — #What I think would be the best way to do this is to use JavaScript to write in another set of inputs as they use the "add" button. You could use the jQuery .append() method to write in this new markup. You will then have the issue of where to grab the dynamic identifiers from (e.g. "4610H04178102"). You could use the jQuery .ajax() method to query a server-side script to capture these values for you.

http://api.jquery.com/append/

http://api.jquery.com/category/ajax/

@iahneJul 25.2010 — #Try this..

[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>Untitled Document</title>
 <script type="text/javascript">
 function CreateTextbox() {
 var createTextbox = document.getElementById('createTextbox');
 var label = document.createElement('label');
 
 label.appendChild(box('txtqty[]'));
 document.getElementById('createTextbox').appendChild(label);
 }
 
 function box(nameValue) {
 var elm = null;
 try { // IE
 elm=document.createElement('<input type="text" name="'+nameValue+'" id="txtqty" maxlength="5" style="width:100&#37;">');
 }
 catch(e) 
 { // W3C
 elm = document.createElement('input');
 elm.setAttribute('type', 'text');
 elm.name = nameValue;
 
  elm.setAttribute('style',"width:10");
  elm.setAttribute('id',"txtqty"); 
  elm.setAttribute('maxlength',"5");
 return elm;
 }
 }
 </script>
 
 </head>
 
 <body>
 
 <input type="button" value="clickHere" onclick="CreateTextbox('foobar')">
 
 <div id="createTextbox">
 </div>
 
 </body>
 </html>
 [/CODE]

Add one item button

2 Comments(s) _↴

Also in #PHP _↴

Success!

Social

Version

Add one item button

2 Comments(s) ↴

Also in #PHP ↴

Success!

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

Social

Version

2 Comments(s) _↴

Also in #PHP _↴