html 选择导入选项

【问题标题】：html select import optionshtml 选择导入选项
【发布时间】：2019-02-21 17:49:24
【问题描述】：

我的代码：

<select name="Opt1"> 
 <option value="volvo">Volvo</option>
 <option value="saab">Saab</option>
 <option value="mercedes">Mercedes</option>
 <option value="audi">Audi</option>
</select> 

<select name="Opt2"> 
  <!--- same options "Opt1" -->
</select>

如何重复？如果不重写，我的选择将有 100 多个选项，我需要重复选择至少 50 次。

是否可以创建一个隐藏的 div 并且我将每个选择称为该 div？

【问题讨论】：

如果页面使用javascript，那么你可以让javascript创建那些选择
原生 HTML 是一种标记语言，没有不处理逻辑语句，因此您必须使用 JavaScript 或后端语言来帮助您。您使用 Python、PHP、NodeJS 等哪种语言来提供网页服务？
这个：JS Fiddle demo?

标签： html select input

【解决方案1】：

如果允许你使用 JavaScript/jQuery，我认为你可以。

这里是一个例子..你可以添加多个..

 
  var result = ['Volvo', 'Saab', 'Mercedes', 'Audi'];
  var options = "";
  
  for(let i=0; i< result.length; i++){
    options+= "<option value='"+result[i].toLowerCase()+"'>"+result[i]+"</option>";
  }
$("select").html(options);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="Opt1"> 
</select> 


<select name="Opt2"> 
  <!--- same options "Opt1" -->
</select>

【讨论】：

这又产生了一个问题，我所有的选择类型都使用相同的选项：所以...我在脚本中创建了 class="option_in_select" add var class_opt = document.getElementsByClassName("option_in_select");而不是 $("select").html(options);我把 $(class_opt).html(options);
你必须再添加几行（一个循环）.. 见这里.. jsfiddle.net/nimittshah/vLqyj78s