Question

我希望option标签的内部文字带有纯粹的js

这是我的HTML

<input list="in" name="i_n" class="form-control" placeholder="Enter Item Name" required>

<datalist id="in" onChange="rate(this)">

    <option value='value'>Inner Text</option>

</datalist>

这是我的剧本

function rate(sel)
{
        var a=sel.options[sel.selectedIndex].text;
        alert(a);
}

控制台中没有消息。

Answer 1

你正在使用Datalist错误的方式！.. DataList不是选择Tag两者都不同。

Answer 2

$('#in option').each(function(index) {
    var a = $(this).text();

    alert(a);
});

OR

$("#in option:selected").text()

Answer 3

您可以使用此功能获取datalist的值。

<?php
// $currentdate = date("Y-m-d");
// $currenttime = date("h:m:s");
// $oDateNow = new DateTime($currentdate);
// $oDateBirth = new DateTime($getbirthdate);
// $age = $oDateNow->diff($oDateBirth);

$bday = new DateTime($getbirthdate);
$today = new DateTime(); // use this for the current date
$diff = $today->diff($bday);

//printf('%d years, %d month, %d days', $diff->y, $diff->m, $diff->d);

?>
<input type="text" name="age" value="<?php echo "$diff->y";?>" class="form-control" placeholder="Age">

这是工作Link

如何在datalist标签中获取Selcted索引的文本

3 个答案: