html select下拉框标签问题.

发布网友发布时间：2022-05-12 14:03

共2个回答

懂视网时间：2022-05-12 18:24

使用HTML中不常用的Optgroup标签给Select下拉框的选项进行分类的功能，或许你还不知道吧，其实HTML语言自带的标签中，有很多类似这样被忽视的标签，有时候它们能完成的功能甚至比我们写半天代码才能未完成的功能都强，有

使用HTML中不常用的Optgroup标签给Select下拉框的选项进行分类的功能，或许你还不知道吧，其实HTML语言自带的标签中，有很多类似这样被忽视的标签，有时候它们能完成的功能甚至比我们写半天代码才能未完成的功能都强，有兴趣的朋友有必要研究一番了。

<title>可以分类显示的Select下拉框丨PHPhtm网页特效|www.PHPhtm.com</title>
<select>
 <optgroup label="WEB编程">
 <option>ASP</option>
 <option>PHP</option>
 <option>Ajax</option>
 </optgroup>
 <optgroup label="WinForm编程">
 <option>VB</option>
 <option>VC</option>
 <option>C#</option>
 <option>Delphi</option>
 </optgroup>
</select>

<br><br>
<p align="center">本特效由 <a href="http://www.phphtm.com">PHPhtm网页特效</a>收集于互联网，只为兴趣与学习交流，不作商业用途。</p>

热心网友时间：2022-05-12 15:32

// 先定义个数组来存放每个select选中的值
var selectedValue = [];
// 把6个select下拉框对象弄出来
var selectObj = document.getElementsByTagName('select');
for (var i=0; i<selectObj.length; i++) { // 遍历数组，把每个select选中的值取出来
var selectedIndex = selectObj[i].selectedIndex; // 获取选中index
selectedValue.push(selectObj[i].options[selectedIndex].value); // 将选中的值存入到上面的数组当中
}
// 至此，selectedValue中就包含所有选中的值了
// 接下来遍历该数组，查询是否有值是相同的
var repeat = false;
selectedValue.sort(); // 先排个序
for (var k=0; k<selectedValue.length; k++) {
if (selectedValue[k] == selectedValue[k+1]) {
repeat = true;
break;
}
}
if (repeat == true) {
alert("选中的有重复项！);
}