zoukankan      html  css  js  c++  java
  • html <select> <option> 实现根据选择不同的option,调用不同的方法功能

     <select id="select" data-role="none">
              <option gid="1" value="1" selected>Take Photo</option>
              <option gid="0" value="0">Choose exist image</option>
    </select>
    

    注:此法使用phonegap, ios 

    用jquery为select分别绑定change和blur两个函数,change用来监听选取的是哪个option,blur用来最后获取select的值,并实现根据点击不同的option调用不同的函数功能。

    //take photo or choose an exist picture
    jQuery(document).ready(function() {
      jQuery("#select").change(function() {
        select_value = jQuery(this).val();
        if (select_value == "1") {
          pictureSource = navigator.camera.PictureSourceType.CAMERA;
        } else {
          pictureSource = navigator.camera.PictureSourceType.PHOTOLIBRARY;
        }
      });
      jQuery("#select").blur(function(){
        getPhoto(pictureSource);//getPhoto根据不同的pictureSourc值,实现不同的功能
      });
    });
    

      

      

  • 相关阅读:
    2010浙大:zoj问题
    Meta 数据中文显示
    django 中间件
    url的配置
    django.contirb
    os模块
    线程和异步
    ADO.NET
    C#托管代码 CLR
    C#垃圾回收
  • 原文地址:https://www.cnblogs.com/xuedong09/p/2921115.html
Copyright © 2011-2022 走看看