Как я могу получить доступ к элементу select с помощью jQuery на мобильном устройстве?

Question

Мой код только взломал мобильные устройства (только те телефоны, которые были проверены до сих пор [iOS и Android]). Я уже некоторое время устраняю эту проблему и сужу проблему до этого упрощения. С помощью этого HTML:

<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, независимо от того, какая опция выбрана. Кто-нибудь знает, как я могу получить доступ к значению выбранного варианта на мобильных телефонах? Или я делаю что-то неправильно?

Answer 1

Вы можете попробовать поставить selectElemet в двойных кавычках:

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

Answer 2

Как я продолжал работать над этим, я обнаружил, что код, который я разместил здесь работает. В моей среде кодирования было что-то еще (я имею в виду оставшуюся часть сайта, где живет этот код), что вызывает проблему.

Спасибо за ваши усилия!