2015-05-05 28 views
0

我的代码只在移动设备上打破(只有目前测试的手机[iOS和Android])。我一直在解决这个问题已经有一段时间了,并且已经将问题缩小到了这种简化。有了这个HTML:如何在移动设备上使用jQuery访问select元素的值?

<form action="http://www.example.com/processor.php" method="get" onsubmit="return foo.validate();"> 
    <select name="selectElement"> 
     <option value="">Nothing</option> 
     <option value="1">Option 1</option> 
     <option value="2">Option 2</option> 
     <option value="3">Option 3</option> 
    </select> 
    <input type="submit" value="Submit" id="button"> 
</form> 

我使用这个jQuery(来自外部文件的链接):

jQuery(document).ready(function() { 
    jQuery('#button').click(function(e){ 
     var val = jQuery('select[name=selectElement] option:selected').val(); 
     e.preventDefault(); 
     alert (val); 
    }); 
}); 

,当我在桌面上运行它,它会提醒我选择的价值,无论是什么,1 ,2或3.但是当我在手机上运行它时,无论选择哪个选项,它所发出的所有提示都是空/空字符串/ nada/bubkiss。有谁知道我如何访问移动设备上选定选项的价值?或者我做错了什么?

回答

0

你可以尝试把selectElemet在双引号:

jQuery(document).ready(function() { 
    jQuery('#button').click(function(e){ 
     var val = jQuery('select[name="selectElement"] option:selected').val(); 
     e.preventDefault(); 
     alert (val); 
    }); 
}); 
+0

这没有奏效:/ – PapaHotelPapa

0

正如我继续在这方面努力,我发现,我在这里发布的代码不工作。在我的编码环境中(我指的是代码所在的网站的其余部分)还有其他一些问题。

感谢大家的努力!

相关问题