Select Option Value return Integer by default

Question

Is it has any way to get value from Select Option as Integer by default ?

from select here

<select id="lesson_per_class" >
 <option value="">&nbsp;</option>
 <option value="1">1 Lesson</option>
 <option value="2">2 Lessons</option>
 <option value="3">3 Lessons</option>
 <option value="4">4 Lessons</option>
</select>

When I tried to get their value to calculate, I found that it return as String and can't use to calculate here

var lesson_per_class = $('#lesson_per_class').val();
alert('value is ' + ( 10 + lesson_per_class )); 
// it give result as 10x instead of 1x

currently, the way I solved is parseInt(), but I need to know, is it has anyway to get it as Integer by default?

you could override jquery's .val() function to call parse int, but that may have some adverside side effects — johnny 5
– johnny 5, Commented Jul 15, 2015 at 15:37

mccainz · Accepted Answer · 2015-07-15 16:11:11Z

10

From the spec you can see the value is a DOMString so no, you cannot get an integer by default.

http://www.w3.org/TR/html5/forms.html#the-option-element

For Java and ECMAScript, DOMString is bound to the String type because both languages also use UTF-16 as their encoding.

[NamedConstructor=Option(optional DOMString text = "", optional DOMString value, optional boolean defaultSelected = false, optional boolean selected = false)]
interface HTMLOptionElement : HTMLElement {
           attribute boolean disabled;
  readonly attribute HTMLFormElement? form;
           attribute DOMString label;
           attribute boolean defaultSelected;
           attribute boolean selected;
           attribute DOMString value;

           attribute DOMString text;
  readonly attribute long index;
};

edited Jul 15, 2015 at 16:11

answered Jul 15, 2015 at 15:36

mccainz

3,5075 gold badges37 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Andrew Lam Over a year ago

after 5 years, is this still the case?

Glorfindel · Accepted Answer · 2015-07-15 15:35:18Z

6

No, there isn't - val() always returns a string. You have to use parseInt() as you already found out yourself.

There is an index() method, which might work in this case (because the first option has index 0):

$('#lesson_per_class option:selected').index()

answered Jul 15, 2015 at 15:35

Glorfindel

22.8k13 gold badges97 silver badges124 bronze badges

Collectives™ on Stack Overflow

Select Option Value return Integer by default

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related