js下拉选项框

2021-03-30 04:27

阅读:567

标签:hid   lin   动态   html   text   self   sele   不能   隐藏   

功能实现:在js下拉选项框中不能出现属于自己的选项

在js文件中首先运行function函数

var dep = ["自己的选项","别人的选项"]

在function函数中动态的为#other下拉选项框添加option选项

$(function(){
 
 var roomid = $("#roomId").val();
 //所属部门 将部门名字添加到html页面

//通过#roomOwnerDeptId的值获取html中的自己的选项值
 var self = $("#roomOwnerDeptId option").text();
 var name = this.text;

//循环遍所有的选项值
for (var i = 0; i

//比较从html获取到的值和后后端获取到的值
   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()
 })
})

 

js下拉选项框

标签:hid   lin   动态   html   text   self   sele   不能   隐藏   

原文地址:https://www.cnblogs.com/xingkongzhizhu/p/12600285.html


评论


亲,登录后才可以留言!