添加创建下拉按钮，在HTML

“全部”选项现在，我在下拉按钮三个选项：

<select id='campus' class="form-control"> 
    <option value="Z010">Campus1</option> 
    <option value="Z020">Campus2</option> 
    <option value="Z040" selected>Campus3</option> 
    <option value="?????">- All Campuses-</option> 
</select>

现在，我想补充的选择下拉菜单中的“所有校园”，包括所有校园的所有学生，我该怎么办？

我不能做以下的，因为我需要“和”支架，而不是“OR”中：

<option value="{'Z010', 'Z020', 'Z040'}">All</option>

有什么建议？

非常感谢！

来源

2017-02-28 Sophie

您如何计划使用该值？在PHP，JavaScript或其他？ – BenM

它是Javascript。谢谢 – Sophie

但您如何计划使用该值？ – BenM

这是一种方法，使用JavaScript的<select multiple>和几行：

var campusOptions = document.getElementsByTagName('option'); 
 
var allCampuses = document.querySelector('[value="all-campuses"]'); 
 

 
function selectAllCampuses() { 
 
    if (allCampuses.selected === true) { 
 
     for (var i = 0; i < (campusOptions.length - 1); i++) { 
 
      campusOptions[i].selected = true; 
 
      allCampuses.selected = false; 
 
     } 
 
    } 
 
} 
 

 
allCampuses.addEventListener('click', selectAllCampuses, false);

<select id="campus" class="form-control" multiple> 
 
    <option value="Z010">Campus1</option> 
 
    <option value="Z020">Campus2</option> 
 
    <option value="Z040" selected>Campus3</option> 
 
    <option value="all-campuses">- All Campuses -</option> 
 
</select>

来源

2017-02-28 22:23:28 Rounin

非常感谢你！你的意思是像在js代码文件中嵌入js代码？ – Sophie

您可以链接到一个外部.js文件，或者 - 最简单的方法 - 将代码夹在''之间，然后将所有代码放在'html'文档的最后，即'' 。 – Rounin

非常感谢您的回答，这真的很有帮助。我尝试upvote，但我不到15声誉.. – Sophie

-2

我想你应该输入你想要的任何东西，例如“z070”，然后以某种方式在JavaScript让此选项可添加所有以前的值...

来源

2017-02-28 20:01:27 Alexandre

添加创建下拉按钮，在HTML

回答

相关问题