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