javascript代码实例教程-Jquery chosen动态设置值 select Ajax动态加载数据 设置chosen和获取他们选中的值

发布时间:2019-01-20 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-Jquery chosen动态设置值 select Ajax动态加载数据 设置chosen和获取他们选中的值脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。


在做一个编辑对话框时,要对里面带有select option的操作。主要是想动态加载option和对option的选中。但是由于项目中使用了jquery里的chosen()方法,怎么也无法实现效果。原码如下:

 

 

Java代码

javascript代码实例教程-Jquery chosen动态设置值 select Ajax动态加载数据 设置chosen和获取他们选中的值

  1.  
  2.  
  3.  

    在引用的js文件中使用了这样的代码:

     

    Js代码
    1. //chosen - imPRoves select
    2. $('[data-rel="chosen"],[rel="chosen"]').chosen();

       

      然后在自己的私有js文件中怎么对select进行任何操作都没有效果:

       

      Js代码
      1. // $("#viewTLanguage option: selected").attr("value", language);
      2. $("#viewTLanguage option[value='"+language+"']").attr("selected","selected");
      3.  
      4. jquery.apPEnd(option);

         

        于是在网上寻找一些解决办法,偶然看了几篇文章,顿时好像明白一点什么。

        其实完全可以在使用jquery的chosen()方法前进行操作,然后再进行chosen的方法。

         

        Js代码
        1. $("#viewOLanguage option[value='"+oLanguage+"']").attr("selected","selected");
        2. $("#viewOLanguage").chosen();

           

          并且在select中去掉“data-rel="chosen"”,这样一来,就能实现Select相应项的选中了,同样,append方法也会效果。

           

          在网上还有一种说法是使用$("#jquery").chonse("destroy"),我也试了下,不过没有成功。

           

          另外还可以试试这个:

           

           

          Js代码
          1. jQuery Chosen.destroy().init()

             

            重新实例化的方法。

             

            ps:这篇文章之前有不完善的地方,所说的解决办法只解决了初始问题,却没有考虑到后续加载的事情。所以 ,还需要用这段代码:

             

            Js代码
            1. $("#diaLOGOLanguage").trigger("liszt:updated"); //项目中可以使用

              或者是新版本的中的

               

              Js代码
              1. $("#dialogOLanguage").trigger("chosen:updated"); //可能是因为只能在新版本中使用的原因,项目中没效果

                 

                这样可以解决同一select不断动态加载的问题。

                 

                另,destroy的方法还是没有实验成功。

                 

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-Jquery chosen动态设置值 select Ajax动态加载数据 设置chosen和获取他们选中的值全部内容,希望文章能够帮你解决javascript代码实例教程-Jquery chosen动态设置值 select Ajax动态加载数据 设置chosen和获取他们选中的值所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。