<form>

<input list="browsers" name="browser">

<datalist id="browsers">

    <option value="Internet Explorer">

    <option value="Firefox">

    <option id="google" value="Chrome">

    <option value="Opera">

    <option value="Safari">

</datalist>

</form>

<p>点击按钮返回 datalist 中  id="google" 选项的值</p>

<p id="demo"></p>

<button onclick="myFunction()">点我</button>

<p><strong>注意:</strong> Internet Explorer 9 和更早IE版本，Safari浏览器均不支持 datalist 元素</p>

<script>

function myFunction(){

    var x = document.getElementById("browsers").options.namedItem("google").value;

    document.getElementById("demo").innerHTML = x;