js下拉选项框

Posted 2021-03-03 星空之主

功能实现：在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 < department.length; i++) {

//比较从html获取到的值和后后端获取到的值
   if (dep[i] != self) {
   $("#select").append(‘<option value=6 name=6>BG9_PTJ_IND_Dev_WF</option>‘)
   $("#select").append(‘<option value=7 name=7>BG9_PTJ_Ins_InsSvc_WF</option>‘)

});

 

//选项选择
$("#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()
 })
})