데이터 목록에서 데이터 값을 얻는 방법

Question

데이터리스트에서 데이터 값을 얻는 방법? 예 : txt_data_list_option이 DATA_LIST

의 ID입니다

function getDataListSelectedOption(txt_input, data_list_options) 
{ 
var shownVal = document.getElementById(txt_input).value; 
var value2send = document.querySelector("#" + data_list_options + " option[value='" + shownVal + "']").dataset.value; 
      return value2send; 
} 

txt_input 텍스트 상자에 대한 ID입니다 :

<datalist id="browsers"> 
    <option value="Internet Explorer" data-value="1"> 
    <option value="Firefox" data-value="2"> 
    <option value="Chrome" data-value="3"> 
    <option value="Opera" data-value="4">`enter code here` 
    <option value="Safari" data-value="5"> 
</datalist> 

Answer 1

이것은 나를 위해 일한이

 <datalist id="browsers"> 
    <option value="Internet Explorer" data-value="1"> 
    <option value="Firefox" data-value="2"> 
    <option value="Chrome" data-value="3"> 
    <option value="Opera" data-value="4">`enter code here` 
    <option value="Safari" data-value="5"> 
</datalist> 

<input type="text" name="located" list="browsers"/> 

Answer 2

시도 희망이 도움이됩니다.