单击数据列表的选定选项后，填充多个/其他输入文本框

Question

我可以选择从mysql数据库中填充列表的位置，选择一个选项后，它会使用更改功能填充输入文本框。

int randomLength=randLength();
Iterator<String> iter = dictionaryList.iterator();
while(iter.hasNext()) {
    String word = iter.next();
    if(word.length() != randomLength) {
        System.out.println("The lucky word is " + word);
        iter.remove();
    }
}

使用此选择：

//select change function populates inputs
$(function(){
    $('#selectdata').change(function(){
        $('#lid').val($('#selectdata option:selected').data('lid'));
        $('#fname').val($('#selectdata option:selected').data('fname'));
        $('#lname').val($('#selectdata option:selected').data('lname'));
    });
});

现在这是我遇到的问题，我想使用类似的脚本功能，但要使用数据列表而不是select元素。是否有任何脚本以类似的方式工作但具有数据列表？这是因为在选择了datalist选项之后，我需要将所选选项的各个字段提交（发布）到另一个mysql表中。抱歉，请稍等一下，希望我得到答复。