Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/91.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_Arrays - Fatal编程技术网

Javascript 将列表添加到数组中,然后将所选文本添加到句子中

Javascript 将列表添加到数组中,然后将所选文本添加到句子中,javascript,html,arrays,Javascript,Html,Arrays,我在一个网站上工作,遇到了一些问题。我对javascript比较陌生,我很难使用这个按钮。这是我现在的代码 <!-- Html school selector --> <select id="schools"></select> <script> var schools = ["School one", "School two", School three", "And so on"]; var sel = document.getElemen

我在一个网站上工作,遇到了一些问题。我对javascript比较陌生,我很难使用这个按钮。这是我现在的代码

<!-- Html school selector -->
<select id="schools"></select>

<script>
var schools = ["School one", "School two", School three", "And so on"];

var sel = document.getElementById('schools');
for(var i = 0; i < schools.length; i++) {
 var opt = document.createElement('option');
opt.innerHTML = schools[i];
opt.value = schools[i];
sel.appendChild(opt);
}

</script>

var学校=[“第一学校”、“第二学校”、“第三学校”、“等等”];
var sel=document.getElementById('schools');
for(var i=0;i
这使所选项目成为选择框的名称,而不是我想要实现的

我从这个链接中得到了这个想法。我正在尝试获取一个学校列表,并将它们放在一个下拉列表中,然后可以选择并激活它们。我已经尝试了我所能想到的一切。我已经尝试过像这样使用引导按钮

 <div class="btn-group">
  <button class="btn btn-mini">Action</button>
   <button class="btn btn-mini dropdown-toggle" data-toggle="dropdown">
   <span class="caret"></span>
</button>
 <ul class="dropdown-menu">
  <li>School one</li>
  <li>School two</li>
  <li>School three</li>
 </ul>
</div>

行动
  • 第一学校
  • 第二学校
  • 第三学校

但是这些Li是不可选择的,无法将它们添加到数组或id中!我所要做的只是使Li可选择,然后使用它们的值或id将它们添加到句子和数组中,抱歉,如果这太长或太极端了,但是非常感谢您的帮助!

下面的代码显示无序列表中的所有数组项和所有让您选择它们。然后单击“选择”按钮时,在警报框中显示数组项值

<html>

  <head>

  </head>

  <body>

    <select id="schools"></select>

    <button id='select-button'>Select</button>

  </body>

      <script>
      var schools = ["School one", "School two", "School three", "And so on"];

      var sel = document.getElementById('schools');

      for(var i = 0; i < schools.length; i++) {
        var opt = document.createElement('option');
        opt.innerHTML = schools[i];
        opt.value = schools[i];
        sel.appendChild(opt);
      };

      var button = document.getElementById('select-button');

      button.addEventListener('click', function() {
        alert(sel.options[sel.selectedIndex].value)
      });

    </script>


</html>

选择
var学校=[“第一学校”、“第二学校”、“第三学校”、“等等”];
var sel=document.getElementById('schools');
for(var i=0;i
为了简单起见,我将javascript直接嵌入到HTML中,但是可以很容易地提取出来。我改变的主要事情是将javascript放入主体而不是头部


这就是你要找的吗?

你是否也错过了你页面上“第三学校”的开场白?哦,不,我只是错过了抄写,对不起