jquery - 数据表数据列表选择值

Question

请问，这段代码有什么问题。将数据列表中的选定值添加到数据表不起作用。我究竟做错了什么？这是 HTML 代码：

<tr><td><label for = "user">User</label></td>
    <td><input id = "user" list = "user" ></input></td></tr>
    <datalist id = "user">
        <option value = "State">
    <option value = "Area">
    <option value = "Region">
    <option value = "Town">
    </datalist>

这是 jQuery 代码：

$(document).ready( function () {
    $('#table_id').dataTable();
    $('#addbtn').click(addrow);
    } );

        function addrow() {
    $('#table_id').dataTable().fnAddData
        ( [
            $('#age').val(),
                $('#user option:selected').val()
            );}

Answer 1

你的input和你的datalist都有 ID #user。一个页面上只允许有一个具有相同 ID 的元素。将两者之一的 ID 更改为其他内容。