html <select> <option> 实现根据选择不同的option，调用不同的方法功能

weixin_34179968

于 2013-02-21 18:29:00 发布

阅读量989

点赞数

CC 4.0 BY-SA版权

文章标签： javascript php ViewUI

原文链接：http://www.cnblogs.com/xuedong09/archive/2013/02/21/2921115.html

本文介绍如何使用PhoneGap在iOS设备上实现拍照或选择已存在的图片功能。通过jQuery为下拉框绑定change和blur事件，实现不同选项对应的不同功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 <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值,实现不同的功能
  });
});

转载于:https://www.cnblogs.com/xuedong09/archive/2013/02/21/2921115.html