Javascript 如何动态获取组合值_Javascript_Html

Javascript 如何动态获取组合值

javascript html

Javascript 如何动态获取组合值,javascript,html,Javascript,Html,我正在尝试动态创建一个组合框。现在我正在使用选项标记并将其放置在侧选择标记中更新代码： <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Chosen: A jQuery Plugin by Harvest to Tame Unwieldy Select Boxes</title> <link rel="styles

我正在尝试动态创建一个组合框。现在我正在使用选项标记并将其放置在侧选择标记中

更新代码：

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Chosen: A jQuery Plugin by Harvest to Tame Unwieldy Select Boxes</title>
  <link rel="stylesheet" href="docsupport/style.css">
  <link rel="stylesheet" href="docsupport/prism.css">
  <link rel="stylesheet" href="chosen.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' https://ajax.googleapis.com; style-src 'self'; img-src 'self' data:">
</head>
<body>
  <form>
    <div id="container">
      <div id="content">
        <div class="side-by-side clearfix">
        <div class="side-by-side clearfix">
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
            <div>
              <select id="choose" data-placeholder="Choose a Country..." class="chosen-select" tabindex="4">
                <option value=""></option>

              </select>
            </div>
        </div>
        </div>
        </div>
    </div>
  </form>
</body>
<script>
var jsonc = [
    {
        ID : 0,
        VALUE : "United State"
    },{
        ID : 1,
        VALUE : "United Kingdom"
    },{
        ID : 2,
        VALUE : "Afghanistan"
    },{
        ID : 3,
        VALUE : "Aland Islands"
    },{
        ID : 4,
        VALUE : "Albania"
    }
];

var new_opt="";
for(i=0;i<jsonc.length;i++)
{


   new_opt+='<option value="'+jsonc[i]['VALUE']+'">'+jsonc[i]['VALUE']+'</option>';
}

document.getElementById('choose').innerHTML =new_opt;
</script>
</html>

使用JSON数据和属性id=choose，您可以迭代jsonc数组并添加如下新选项：

var jsonc=[{ID:0，值：美国}，{ID:1，值：联合王国}，{ID:2，值：阿富汗}，{ID:3，值：阿兰群岛}，{ID:4，值：阿尔巴尼亚}]， selectBox=document.getElementById'choose'； jsonc.foreachElem函数{ 选择box.options.addnewoptionelem.VALUE，elem.ID； }; 选择一个国家。。。

1我在选择框id=choose中添加了id属性 var jsonc=[ { ID:0，价值：美国 },{ ID:1，价值：英国 },{ ID:2，价值：阿富汗 },{ ID:3，价值：阿拉德群岛 },{ ID:4，价值：阿尔巴尼亚 } ]; var new_opt=；

fori=0；我喜欢家庭作业问题。你读过ajax吗？如果我能得到任何帮助，我将不胜感激。缩小你的问题范围。你有什么具体问题？从何处获取数据？在JSON和XML之间选择？解析JSON还是XML？从解析的响应中提取数据？一旦完成，是否填充select元素？@JurijJazdanov yes。。但我不想使用jquery。谢谢你的回答。我是否需要在脚本标记下写入某个函数，然后调用该函数。我是否需要在脚本标记内写入函数jQuery包含两次删除一行并删除这一行它将工作@shankysinghThank你工作得很好。所以我需要使用jquery。如果没有这一点，就不可能了。如果我的答案有用，请用绿色勾选，这对将来的用户参考很有用。@shankysingh

[
    {
        ID : 0,
        VALUE : "United State"
    },{
        ID : 1,
        VALUE : "United Kingdom"
    },{
        ID : 2,
        VALUE : "Afghanistan"
    },{
        ID : 3,
        VALUE : "Aland Islands"
    },{
        ID : 4,
        VALUE : "Albania"
    }
]

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Chosen: A jQuery Plugin by Harvest to Tame Unwieldy Select Boxes</title>
  <link rel="stylesheet" href="docsupport/style.css">
  <link rel="stylesheet" href="docsupport/prism.css">
  <link rel="stylesheet" href="chosen.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' https://ajax.googleapis.com; style-src 'self'; img-src 'self' data:">
</head>
<body>
  <form>
    <div id="container">
      <div id="content">
        <div class="side-by-side clearfix">
        <div class="side-by-side clearfix">
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
            <div>
              <select id="choose" data-placeholder="Choose a Country..." class="chosen-select" tabindex="4">
                <option value=""></option>

              </select>
            </div>
        </div>
        </div>
        </div>
    </div>
  </form>
</body>
<script>
var jsonc = [
    {
        ID : 0,
        VALUE : "United State"
    },{
        ID : 1,
        VALUE : "United Kingdom"
    },{
        ID : 2,
        VALUE : "Afghanistan"
    },{
        ID : 3,
        VALUE : "Aland Islands"
    },{
        ID : 4,
        VALUE : "Albania"
    }
];

var new_opt="";
for(i=0;i<jsonc.length;i++)
{


   new_opt+='<option value="'+jsonc[i]['VALUE']+'">'+jsonc[i]['VALUE']+'</option>';
}

document.getElementById('choose').innerHTML =new_opt;
</script>
</html>