HTML5 데이터 목록 전용 값 숨김

Question

datalist 값을 숨기고 싶습니다. 이 코드

<input list="options" oninput="console.log(this.value);" /> 
<datalist id="options"> 
    <option value="1">Product 1</option> 
    <option value="2">Product 2</option> 
    <option value="3">Product 3</option> 
</datalist> 

난에서 InputBox에 의미를 사용하고이 보여주는 values 및 product 1 난 단지 product 1,2,&3...

숨기기 값 (1,2,3) 을 보여줄 필요가 .

참고 : 여기 그래서 난 그냥 숨길 값 1,2,3을 전달하고 그 여기에만

내 코드 https://jsfiddle.net/69u5Leoa/

Answer 1

값 = "<퍼센트의 # DataBinder.Eval (컨테이너,"itemIndex라는 ") % > "이 문제를 해결할 수 있습니다.

Answer 2

select 요소를 사용하려면 사용자가 지정한 옵션 중 하나를 선택해야하기 때문에 select를 사용하는 것이 좋습니다.

datalist 요소의 경우 사용자가 지정한 옵션 중 하나를 선택하는 것이 좋지만 입력에 원하는 내용을 실제로 입력 할 수 있습니다.

당신이 더 많은 정보를 HTML Form: Select-Option vs Datalist-Option

<select id="options"> 
    <option></option> 
    <option value="1">Product 1</option> 
    <option value="2">Product 2</option> 
    <option value="3">Product 3</option> 
</select>