javascript - php, html, 在写完第一个词后将 select 更改为 selective 等等

Question

这是选择。

<select name='select_name'>
     <option value='1'>one</option>
     <option value='2'>tow</option>
     <option value='3'>three</option>
     <option value='4'>fore</option>
    //here i have more then 300 select which i will fetch from database
</select>

我想更改它的输入，所以当我稍后写第一个时，它会为我获取匹配项，如果第二个在我写的时候匹配，则依此类推。如果可能的话，请给我提示，这样我可以节省我的时间。

例如，如果我写(t)，它会显示给我

tow
three

问候

Answer 1

您正在寻找一个组合框。如果您不想从头开始编写，可以改用插件。

在这个例子中是Select2 Plugin:

例子:

<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/select2/3.2/select2.css" />
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/select2/3.2/select2.min.js"></script>
<select name='select_name' style="width:300px">
    <option value='1'>one</option>
    <option value='2'>two</option>
    <option value='3'>three</option>
    <option value='4'>four</option>
    <option value='5'>five</option>
</select>
<script type="text/javascript">
$(document).ready(function(){
    $('select[name="select_name"]').select2();
});
</script>

Demo