0

ボタンが押されたときにカテゴリと値が2つの複数選択フォーム、カテゴリと値に追加/追加される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;"/>
4

1 に答える 1

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");

    //Create and append new options
    var catOption = new Option(catstr, valstr);
    var numOption = new Option(valstr, valstr);
    cats.appendChild(catOption);
    nums.appendChild(numOption);
}
于 2013-07-28T20:10:39.693 に答える