Javascript 我无法获取数据列表中输入的值？

我有一个数据列表框，如下所示：

<td>
    <input list="screens.screenid-datalist" type="text" id="screens.screenid" onblur="validate('0','0','jacques')">
    <datalist id="screens.screenid-datalist">
        <option value="Login"></option>
        <option value="ScreenCreator"></option>
    </datalist>
    <label id="val-screens.screenid" class="Label_Error" style="visibility: hidden;">*</label>
</td>

但它似乎不起作用

我的JavaScript或HTML代码是否有问题

当我使用控制台获取值时：

---

花了一些时间才弄明白这一点。请看下面我的代码：

功能验证{ console.logdocument.getElementById'screens.screenid'.value；//有效 console.logdocument.getElementById'screens.screenid'。文本； console.logdocument.getElementById'screens.screenid'.innerHTML； console.logdocument.getElementById'screens.screenid'。选项； } *

---

对我来说效果很好请参见-要在type=text input中从数据列表中选择一个项目，我必须开始键入它并从菜单中选择它，或者在Chrome 28.document.getElementById'screens.screenid'中按下向下箭头。值对我来说也很有效Chrome 30，IE 10和FF 22。@Jacques您能为这段代码提供更多上下文吗？例如，您的脚本是否可能在DOM准备就绪之前运行？您想从数据列表或输入中获取值吗？我添加了控制台的屏幕截图，出于某种原因，它似乎不起作用me@Jacques你的输入列表是动态形成的吗？@Jacques:这就是为什么它不会出现的原因，因为console.log发生在列表形成之前。尝试在那里引入javascript时间来延迟console.log或给出Event.onDOMready如何使用Event.onDOMready，这是返回布尔值的js函数中的事件还是html文档中的事件？

document.getElementById('screens.screenid').value
document.getElementById('screens.screenid').text
document.getElementById('screens.screenid').innerHTML
document.getElementById('screens.screenid').option