Question

8

HTML make < option> invalid

rated 0 times [ 10] [ 2] / answers: 1 / hits: 16033 / 9 Years ago, tue, april 28, 2015, 12:00:00

I have the following piece of code in a contact form for a site I am designing:

<select id=Category name=Category>

    <option value=0 selected=selected disabled>Category</option>

    <option value=1>General Info</option>

    <option value=2>Booking</option>

    <option value=3>Auditions</option>

</select>

I would like set the menu such that the user cannot leave category as the selected option. Is there any way to do this with HTML? If not, how would I do it with JavaScript?

Thank you

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

daquanmilesw

Add To Favorites

Follow

Total Points: 57

Total Questions: 102

Total Answers: 110

Location: Wallis and Futuna

Member since Sat, Aug 6, 2022

2 Years ago

daquanmilesw questions

1 array.filter is returning entire object instead of just one value

Thu, Jan 13, 22, 00:00, 2 Years ago

1 How to make Swiper JS display faction pagination and progress bar at the same time?

Tue, Jul 13, 21, 00:00, 3 Years ago

1 How can I do top level await

Sat, Jul 10, 21, 00:00, 3 Years ago

1 Svelte reactivity not triggering when variable changed in a function

Thu, Sep 17, 20, 00:00, 4 Years ago

1 Importing node modules in a WordPress plugin

Wed, Jun 24, 20, 00:00, 4 Years ago

View All

answered 9 Years ago rebekahalysah · Accepted Answer

When the user click on any option, he can´t return the first one back. But he can submit form without change, then you need to validate via JS.

It's quite simple,

function validate() {

    var select = document.getElementById('Category');

    return !select.value == 0;

}

And the form in HTML:

<form onsubmit=return validate()>...</form>