StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>What you need is, when the "add" button is clicked, a simple javascript function is called that retrieves: the text, selection1 & selection2 => build a new option with these information the append it to the result list.</p> <p>Key javascript functions:</p> <pre><code>- document.getElementById - document.createElement - appendChild </code></pre> <p>In your html the form/submit button must be around your result list only.</p> <p>Example (<a href="http://jsfiddle.net/jKqyt/3/" rel="nofollow">jsfiddle link</a>):</p> <pre><code><html> <head> <script> function add() { var txt = document.getElementById("txt").value; var sel1 = document.getElementById("sel1").value; var sel2 = document.getElementById("sel2").value; var result = txt + " " + sel1 + " " + sel2; var resultOption = document.createElement("option"); resultOption.value = result; resultOption.text = result; document.getElementById("selResult").appendChild(resultOption); } </script> </head> <body> <input id="txt" type="text" /> <select id="sel1"> <option value="value11">value11</option> <option value="value12">value12</option> <option value="value13">value13</option> </select> <select id="sel2"> <option value="value21">value21</option> <option value="value22">value22</option> <option value="value23">value23</option> </select> <input type="button" value="add" onClick="javascript:add()"/> <br/> result: <form action ="." method="post"> <select id="selResult"></select> <input type="submit" value="submit"/> </form> </body> </html> </code></pre>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload