如何使用javascript在字段中设置datalist选择的值。

时间:2016-11-28 05:56:56

标签: javascript jquery html

<datalist id="SelectEntityPrimaryNames"> //datalist contains list of country
    <option id="1" value="india"></option>
    <option id="2" value="US"></option>
    <option id="3" value="Canada"></option>
</datalist>

<input type="text" class="form-control" id="SelectEntityPrimaryName" style="width: 75%;" placeholder="Title"list="SelectEntityPrimaryNames" />

$("#SelectEntityPrimaryName").val()

如何通过jquery

获取已在datalist中选择的值

3 个答案:

答案 0 :(得分:0)

请使用以下代码通过jquery技术将当前选中的选项输入datalist。

&#13;
&#13;
$("#SelectEntityPrimaryName option:selected").val()
&#13;
&#13;
&#13;

答案 1 :(得分:0)

我认为你需要这个:

<select id="SelectEntityPrimaryNames">
    <option id="1">india</option>
    <option id="2">US</option>
    <option id="3"></option>
</select>

<input type="text" class="form-control" id="SelectEntityPrimaryName" style="width: 75%;" placeholder="Title" />

$("#SelectEntityPrimaryName").val($("#SelectEntityPrimaryNames").val());

答案 2 :(得分:0)

我不确定是否

$("#SelectEntityPrimaryName option:selected").val()

是否有效。如果不是,你应该尝试

$("#SelectEntityPrimaryName option:selected").attr('value');