Question

182

jQuery : How to check if NO option was explicitly selected in a select box

rated 0 times [ 189] [ 7] / answers: 1 / hits: 29066 / 12 Years ago, wed, march 21, 2012, 12:00:00

Is it possible to detect if no option was explicitly selected in a select box?

I have tried these methods but none of them works:

<select id=mySelect>

  <option value=1>First</option>

  <option value=2>Second</option>

  <option value=3>Third</option>

  <option value=4>Fourth</option>

</select>

Trial 1:

alert($('#select option:selected').length); // returns 1

Trial 2:

alert($('#select option[selected=selected]').length); // returns 1

Trial 3:

alert($('#select option:selected').attr('selected')); // returns 'selected'

Any ideas SO people?

Answers

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

mira

Add To Favorites

Follow

Total Points: 460

Total Questions: 108

Total Answers: 99

Location: American Samoa

Member since Fri, Aug 26, 2022

2 Years ago

mira questions

1 Nodemon: app crashed waiting for file changes before starting... on Windows

Mon, Apr 4, 22, 00:00, 2 Years ago

1 Unhandled promise rejection: ReferenceError Can't find variable

Mon, Feb 14, 22, 00:00, 2 Years ago

1 momentjs datetime format on frontend with angular

Wed, Feb 9, 22, 00:00, 2 Years ago

1 How to check if element exists in DOM in Cypress?

Sun, Mar 28, 21, 00:00, 3 Years ago

1 How do I get the IP of a user in Nuxt's asyncData method?

Sat, Aug 3, 19, 00:00, 5 Years ago

View All

answered 12 Years ago nellykaliae · Accepted Answer

Try This:

<select id=mySelect>

  <option value=1>First</option>

  <option value=2>Second</option>

  <option value=3>Third</option>

  <option value=4>Fourth</option>

</select><input type=button id=btncheck value=check/>

Use this JS:

$('#btncheck').click(function(){

     if ($(#mySelect )[0].selectedIndex <= 0) {

                alert(Not selected);

            }

    else

        alert(Selected);

});

It will check if your dropdown was selected.

Try this fiddle: http://jsfiddle.net/aPYyt/

Hope it helps!

PS: You will have to make first value as default value.