How to get data from a special attribute in datalist using javascript?

Question

I want to get the data inside "opt_id". And the same code works when i use selelct tag insted of datalist.

This is how my code looks like:

var get_data = document.getElementById("select_opt");
var dataIndex = get_data.options[get_data.selectedIndex].getAttribute("opt_id");

<input id="optio_lists" list="options" placeholder="Search...">
<datalist id="select_opt">
<option opt_id="0"  label="Cricket">Cricket</option>
<option opt_id="1"  label="Football">Football</option>
<option opt_id="2"  label="Tennis">Tennis</option>
<option opt_id="3"  label="Basketball">AKITA</option>
</datalist>

opt_id is not a valid attribute. Use a data-* attribute for this -> data-opt_id — Andreas
– Andreas, Commented Mar 11, 2021 at 10:18

zhulien · Accepted Answer · 2021-03-11 10:30:11Z

1

In your script tag in the get_data variable at document.getElementById() you have misspelled the id - instead of select_opt you have written select_op.

edited Mar 11, 2021 at 10:30

zhulien

5,8154 gold badges25 silver badges41 bronze badges

answered Mar 11, 2021 at 10:15

Pablo Silió

3121 silver badge9 bronze badges

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

Comments

Zam Abdul Vahid · Accepted Answer · 2021-03-11 10:51:43Z

0

Data list is just a source of data and is different from a select box. Hence selectedIndex property doesn't makes sense here.

Check this link for more details - Is there a SelectedIndex for an HTML5 DataList?

answered Mar 11, 2021 at 10:51

Zam Abdul Vahid

2,7313 gold badges22 silver badges27 bronze badges

1 Comment

Romio Over a year ago

Yes, i got that. But the suggested one option is not giving me the value inside that "attribute(opt_id)". That is working fine in the "value" case. Thanks for your time !

Collectives™ on Stack Overflow

How to get data from a special attribute in datalist using javascript?

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related