Question

82

Getting the Value of an innerHTML of a select tag with JQuery

rated 0 times [ 85] [ 3] / answers: 1 / hits: 26746 / 12 Years ago, thu, august 30, 2012, 12:00:00

I have this select tag right here

<select id = options style = width:150px;>      

    <option>Artist Name</option>

    <option>Track Name</option>

    <option>Date Uploaded</option>

</select>

I am getting the current selected innerHTML value using JQuery

   var option = $(#options).innerHTML;

   console.log(option);

But each time I print it only returns me a value of undefined.

Answers

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

calicinthias

Add To Favorites

Follow

Total Points: 447

Total Questions: 101

Total Answers: 118

Location: Botswana

Member since Sat, Dec 31, 2022

1 Year ago

calicinthias questions

1 DataGrid blank/not displaying data? Material UI

Sun, Jan 2, 22, 00:00, 2 Years ago

1 How to test for useEffect inside a custom hook?

Wed, Jan 13, 21, 00:00, 3 Years ago

1 Scroll on Dropdown of antD component React

Mon, Aug 10, 20, 00:00, 4 Years ago

1 Vue.js trying to get DOM element by ID in computed returns null

Tue, Jul 14, 20, 00:00, 4 Years ago

1 Adding a key-value pair to an object inside loop using React useState hook

Fri, Jun 26, 20, 00:00, 4 Years ago

View All

answered 12 Years ago freddiem · Accepted Answer

You just need:

  $(#options).val();

<script src=https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js></script>

<select id = options style = width:150px;>      

    <option>Artist Name</option>

    <option>Track Name</option>

    <option>Date Uploaded</option>

</select>