Javascript php、html，在编写第一个单词后将select更改为selective等等

这是选择

<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>

---

问候

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

在这个例子中是

例如：

<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>

一
二
三
四
五
$（文档）.ready（函数（）{
$（'select[name=“select_name”]”）。select2（）；
});

---

默认情况下，选择下拉菜单可将您带到输入点。替换该功能需要相当多的工作，为什么要尝试呢？

<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>