使用jQuery在datalist中获取选定的值

前端之家收集整理的这篇文章主要介绍了使用jQuery在datalist中获取选定的值前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
非常简单直接.当我想要选择一个值并将其插入sqlite数据库时,我在表单上预先填充了一个带有值的HTML数据表.这是我的示例代码无效.请帮忙.
HTML5 datalist表单创建:
<input  name="TypeList" list="TypeList" placeholder="Select Type"/>
<datalist id="TypeList">
    <option value="State">
    <option value="Area">
    <option value="Town">
    <option value="Street">
    <option value="Number">
    <option value="Local Government">
    <option value="Ward">
    <option value="Country">
</datalist>

这是不起作用的示例jquery代码

var relationshipTemp = $('#TypeList option:selected').text();

解决方法

有一个选择器来选择输入元素.提及您希望移动值的事件.使用.val()获取值.

例:

$("input[name=TypeList]").focusout(function(){
    alert($(this).val());
});

希望这是你正在寻找的jsFiddle

猜你在找的jQuery相关文章