添加创建下拉按钮,在HTML
问题描述:
[HTML]添加创建下拉按钮,在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>
有什么建议?
非常感谢!
答
这是一种方法,使用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>
+0
非常感谢你!你的意思是像在js代码文件中嵌入js代码? – Sophie
+0
您可以链接到一个外部.js文件,或者 - 最简单的方法 - 将代码夹在''之间,然后将所有代码放在'html'文档的最后,即'
您如何计划使用该值?在PHP,JavaScript或其他? – BenM
它是Javascript。谢谢 – Sophie
但您如何计划使用该值? – BenM