zoukankan      html  css  js  c++  java
  • 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()
     })
    })

  • 相关阅读:
    golang交叉编译:Linux
    vmware共享文件夹
    虚拟机-Debian服务器配置
    day38--MySQL基础二
    day19-IO多路复用
    mysql 对时间的处理
    mysql 优化
    Linux性能查看
    day18-socket 编程
    JAVA 消耗 CPU过高排查方法
  • 原文地址:https://www.cnblogs.com/xingkongzhizhu/p/12600285.html
Copyright © 2011-2022 走看看