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

  

  

posted @ 2013-02-21 18:29  xuedong09  阅读(1066)  评论(0编辑  收藏  举报