/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

80 votes154 views6 answers
How to make anchor tag open in new tab
Html
13 votes151 views2 answers
Html button redirect
Html
0 vote146 views1 answer
Document.getElementByClassName("preview").innerHTML=src;
Html
27 votes160 views3 answers
Install Telegram in Ubuntu
Html
0 vote143 views1 answer
Inner html templates
Html
0 vote167 views1 answer
Prettier not formatting HTML files in VS Code
Html
-1 vote161 views1 answer
Html disable form
Html
3 votes144 views3 answers
Html align right
Html
0 vote140 views1 answer
{"errors":[], "error":{"zz":{"statuscode":"403","message":"Forbidden -- Request forbidden by administrative rules."}}}
Html
0 vote165 views1 answer
Alpine function
Html