treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Adding the input to list box and processing that for back end

  • Hi,

    In my code I want to process my list box content to back end via POST method

    here I can Add the input to my select list , Now only the one data is being processed . I want to process all the content of list box.

    I don't no, am correct or not in adding select tag there.(It may list box or text-area)

    Please help me below in my code

    Add an URL: <input type="text" name="optval" id="optval" value="http://" /><br /><br/>
    <input type="button" id="addopt" name="addopt" value="Add" onclick="adOption.addOption('sel_list', 'optval');" /> &nbsp;
    <input type="button" id="del_opt" name="del_opt" value="Delete" onclick="adOption.delOption('sel_list', 'optval');" />
    
    Select URL's:


    <

    script type="text/javascript"> var adOption = new Object(); adOption.checkList = function(list, optval) { var re = 0;
    var opts = document.getElementById(list).getElementsByTagName('option'); for(var i=0; i<opts.length; i++) { if(opts[i].value == document.getElementById(optval).value) { re = 1; break; } } return re;
    }; adOption.addOption = function(list, optval) { var opt_val = document.getElementById(optval).value; if(opt_val.length > 0) { if(this.checkList(list, optval) == 0) { var myoption = document.createElement('option'); myoption.value = opt_val; myoption.innerHTML = opt_val; document.getElementById(list).insertBefore(myoption, document.getElementById(list).firstChild);

          document.getElementById(optval).value = '';  
        }
        else alert('The value "'+opt_val+'" already added');
      }
      else alert('Add a Blacklist URL for option');
    };
    adOption.delOption = function(list, optval) {
      var opt_val = document.getElementById(optval).value;
      if(this.checkList(list, optval) == 1) {
        var opts = document.getElementById(list).getElementsByTagName('option');
        for(var i=0; i<opts.length; i++) {
          if(opts[i].value == opt_val) {
            document.getElementById(list).removeChild(opts[i]);
            break;
          }
        }
      }
      else alert('The value "'+opt_val+'" not exist');
    }
    adOption.selOpt = function(opt, txtbox) { document.getElementById(txtbox).value = opt; }