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()
 })
})