将<options>存储在变量中，并将它们放在任何<select>中

Question

您好，我有一个标记和很多选项 我可以将它们存储在变量中并重用它们，而不是复制->粘贴这些选项？ 例： <脚本>    var options ='<选项值= 0> test0 \ n'+                   '<选项值= 1> test1 \ n'+                   '<选项值= 2> test2 '    <选择>       选项    

Answer 1

使用append（jQuery）或innerHTML（pure js），很容易在页面加载时向特定的select元素添加选项。

检查以下我为您的特定要求添加的代码和jsbin示例。

jQuery(document).ready(function(){
   var options  = '<option value=0>test0</option>\n'+
                  '<option value=1>test1</option>\n'+
                  '<option value=2>test2</option>'

  jQuery('#select_element').append(options)
});

<script src="https://code.jquery.com/jquery-3.1.0.js"></script>

<select id="select_element">
 </select>

//with pure js
document.getElementById('select_element').innerHTML = options;

JSBIN演示-https://jsbin.com/yibezof/edit?html,js,console,output