How to append table rows depends on select value?
<p>I have select box and a table which has 10 rows.</p>

<pre><code>&lt;select id="selVal"&gt;
    &lt;option&gt;10&lt;/option&gt;
    &lt;option&gt;20&lt;/option&gt;
    &lt;option&gt;30&lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>Table row will be updated as soon as the select value changes.
I used native javascript on it.</p>

<pre><code>var selVal = document.getElementById('selVal');

selVal.addEventListener('change', function(){
    var sel = selVal.value; 
    // append table row to the table
}
</code></pre>

<p><a href="http://codepen.io/anon/pen/BzJaWb" rel="nofollow">http://codepen.io/anon/pen/BzJaWb</a></p>