/Html/How to get text from select tag in javascript

How to get text from select tag in javascript

Select text with javascript

// highlight text in an input element
element.select();

// highlight a portion of an element
// element.setSelectionRange(start, end, ?direction)
// start, end - start and end indices of the new selection
// direction (optional) - "forward", "backward", or "none" (default)
element.setSelectionRange(3, 5);

Get the value or text from select element using javaScript

<select id="ddlViewBy">
  <option value="1">test1</option>
  <option value="2" selected="selected">test2</option>
  <option value="3">test3</option>
</select>
Running this code:

var e = document.getElementById("ddlViewBy");
var strUser = e.value;
Would make strUser be 2. If what you actually want is test2, then do this:

var e = document.getElementById("ddlViewBy");
var strUser = e.options[e.selectedIndex].text;

Source: stackoverflow.com

How to get text from select tag in javascript

<select id="box1" onChange="myNewFunction(this);">
  <option value="98">dog</option>
  <option value="7122">cat</option>
  <option value="142">bird</option>
</select>
<script>
  function myNewFunction(sel) {
  alert(sel.options[sel.selectedIndex].text);
}
</script>

Similar codes

0 vote273 views1 answer
Custom video player html5 books
Html
1 vote263 views2 answers
Website design html
Html
1 vote296 views1 answer
Html text transformation
Html
3 votes230 views1 answer
Left hr in html
Html
225 votes356 views5 answers
Add space in html
Html
12 votes276 views3 answers
Basic video player html
Html
15 votes298 views2 answers
Bootstrap 5 accordion
Html
0 vote299 views2 answers
How to type the copyright symbol
Html
0 vote313 views1 answer
Regex find html comment
Html
12 votes266 views2 answers
How to web scrape with scrapy
Html