Как предотвратить выпадающее меню при отправке формы Android при выборе первого значения

Question

Я создаю мобильный сайт. Я использую стандартный html для выпадающего списка, как показано ниже. Если я выберу выпадающее меню на Android и нажмите «Категория», он попытается отправить форму. Но iPhone не делает ничего, что желаемое поведение я хочу. Я нашел similar post here, но я не создаю приложение. Некоторые веб-сайты используют ссылки вместо выпадающего списка, но это не вариант для меня. Любое предложение или способ вокруг него? Благодаря!

<select onchange="document.form.submit();"> 
    <option>Category</option> 
    <option value="1">1</option> 
    <option value="2">2</option> 
</select> 

Answer 1

Я бы рекомендовал пересмотреть вашу логику, чтобы не отправлять изменения, если это не ваше желаемое поведение. Вы можете захотеть сделать функцию, которая проверяет выбранную опцию на изменение перед подачей, чтобы решить, отправлять или не отправлять.

Что-то, как показано ниже ..

<select onchange="dropDownChange(this);"> 
    <option>Category</option> 
    <option value="1">1</option> 
    <option value="2">2</option> 
</select> 

function dropDownChange(element){ 
    if(element.selectedIndex != 0){ 
     document.form.submit(); 
    } 
}