js下拉选项框
2021-03-30 04:27
标签:hid lin 动态 html text self sele 不能 隐藏 功能实现:在js下拉选项框中不能出现属于自己的选项 在js文件中首先运行function函数 var dep = ["自己的选项","别人的选项"] 在function函数中动态的为#other下拉选项框添加option选项 $(function(){ //通过#roomOwnerDeptId的值获取html中的自己的选项值 //循环遍所有的选项值 //比较从html获取到的值和后后端获取到的值 //选项选择 js下拉选项框 标签:hid lin 动态 html text self sele 不能 隐藏 原文地址:https://www.cnblogs.com/xingkongzhizhu/p/12600285.html
var roomid = $("#roomId").val();
//所属部门 将部门名字添加到html页面
var self = $("#roomOwnerDeptId option").text();
var name = this.text;
for (var i = 0; i
if (dep[i] != self) {
$("#select").append(‘‘)
$("#select").append(‘‘)
});
$("#select").click(function(){
//获取所有select选项中的值
var depart = $("#select option")
//获取当前选项值
var name = this.value;
//循环遍历所有的选项值
depart.each(function(index,value){
if ($(value).val() == name) {
//隐藏当前被选中的选项值
$(this).hide()
//显示被选中选项的兄弟值
$(this).siblings().show()
})
})