js下拉选项框


功能实现:在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()
 })
})

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM