Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/382.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用循环将值放入下拉列表中_Javascript_Html - Fatal编程技术网

Javascript 使用循环将值放入下拉列表中

Javascript 使用循环将值放入下拉列表中,javascript,html,Javascript,Html,我有一个键集,我想用一个循环放在下拉列表中。 我想使用选择和选项标记。我怎样才能做到?非常感谢您的帮助。我只使用HTML和JS。只需执行foreach循环,然后执行$('.element')。追加('选项))以后,请在询问之前尝试正确搜索它,因为我有一个副本这是一个非库解决方案,使用对象和数组作为源 Html: Javascript: var objOptions = { one: "Value One", two: "value Two" }; var objSelect

我有一个键集,我想用一个循环放在下拉列表中。
我想使用选择和选项标记。我怎样才能做到?非常感谢您的帮助。我只使用HTML和JS。

只需执行foreach循环,然后执行
$('.element')。追加('
  • 选项)
  • 以后,请在询问之前尝试正确搜索它,因为我有一个副本

    这是一个非库解决方案,使用对象和数组作为源

    Html:

    
    
    Javascript:

    var objOptions = {
        one: "Value One",
        two: "value Two"
    };
    
    var objSelect = document.getElementById('targetObject');
    var html = "";
    for (var key in objOptions) {
        if (!objOptions.hasOwnProperty(key)) {
        continue;
      }
    
      var display = objOptions[key];
      html += "<option value=\"" + key + "\">" + display + "</option>";
    }
    objSelect.innerHTML = html;
    
    
    
    var arrOptions = [
    {value: 'one', display: 'Number One'},
    {value: 'two', display: 'Number Two'}
    ];
    
    var arrSelect = document.getElementById('targetArray');
    html = "";
    for (var i=0; i<arrOptions.length; i++) {
        var value = arrOptions[i].value;
      var display = arrOptions[i].display;
      html += "<option value=\"" + value + "\">" + display + "</option>";
    }
    arrSelect.innerHTML = html;
    
    var对象选项={
    一:“价值一”,
    二:“价值二”
    };
    var objSelect=document.getElementById('targetObject');
    var html=“”;
    for(对象中的变量键){
    如果(!objOptions.hasOwnProperty(键)){
    继续;
    }
    变量显示=对象选项[键];
    html+=“”+显示+“”;
    }
    objSelect.innerHTML=html;
    变量区域=[
    {值:'1',显示:'1'},
    {值:'two',显示:'Number two'}
    ];
    var arrSelect=document.getElementById('targetArray');
    html=“”;
    
    对于(var i=0;i

    您是否可以尝试使用此url:您是否了解jsp页面?您还可以使用java脚本(JQuery)以不同的方式加载
    控件Values@Styl.我对jsp略知一二。有人知道吗?如果有人不理解这个问题,就没有必要投反对票。
    var objOptions = {
        one: "Value One",
        two: "value Two"
    };
    
    var objSelect = document.getElementById('targetObject');
    var html = "";
    for (var key in objOptions) {
        if (!objOptions.hasOwnProperty(key)) {
        continue;
      }
    
      var display = objOptions[key];
      html += "<option value=\"" + key + "\">" + display + "</option>";
    }
    objSelect.innerHTML = html;
    
    
    
    var arrOptions = [
    {value: 'one', display: 'Number One'},
    {value: 'two', display: 'Number Two'}
    ];
    
    var arrSelect = document.getElementById('targetArray');
    html = "";
    for (var i=0; i<arrOptions.length; i++) {
        var value = arrOptions[i].value;
      var display = arrOptions[i].display;
      html += "<option value=\"" + value + "\">" + display + "</option>";
    }
    arrSelect.innerHTML = html;