Добавьте к нескольким спискам выбора с javascript из формы

Question

Я хотел бы иметь 2 пустых формы ввода - категорию и значение, которые при нажатии кнопки и добавляются/добавляются к двум множественным выборкам форм, категорий и значений. Данные не вводятся при нажатии кнопки.

function doAdd() { 
     // Pick up data from the category and value input fields; 
     // In my form these are named 'cat' and 'val' 
     var catstr = document.getElementById("cat").value; 
     var valstr = document.getElementById("val").value; 

     // pick up references to the text areas; 
     var cats = document.getElementById("catlist"); 
     var nums = document.getElementById("numlist"); 
     // Append text, inserting a new line character between 
     // data sets. 
     if (numadded > 0) { 
      cats.value = cats.value + "\n"; 
      nums.value = nums.value + "\n"; 
     } 

     numadded++; 
     cats.value = cats.value + catstr; 
     nums.value = nums.value + valstr; 
} 

HTML важные линии

<script type="text/javascript" src="./checksubmit.js" ></script> 
    <input type="text" id="val" name="val" size="10"/> 
    <input type="text" id="cat" name="cat" size="30"/> 
    <input type="button" onclick="doAdd();" value="Add item"> 
    <select multiple="multiple" id="catlist" style="width: 250px;"/> 
    <select multiple="multiple" id="numlist" style="width: 250px;"/> 

Answer 1

Я считаю, что вы хотите что-то вроде этого

Demo fiddle

function doAdd() { 
    // Pick up data from the category and value input fields; 
    // In my form these are named 'cat' and 'val' 
    var catstr = document.getElementById("cat").value; 
    var valstr = document.getElementById("val").value; 

    // pick up references to the text areas; 
    var cats = document.getElementById("catlist"); 
    var nums = document.getElementById("numlist"); 

    //Create and append new options 
    var catOption = new Option(catstr, valstr); 
    var numOption = new Option(valstr, valstr); 
    cats.appendChild(catOption); 
    nums.appendChild(numOption); 
}