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

Question

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

<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();
    }
}