bootstrap可以输入的下拉框

<label class="input-group-text" for="test">新能源车占比</label>
<input type="text" class="form-control"  list="test" id="test2" value='0.3' onfocus="this.value=''">
<datalist id="test">
    <option value="0.3">0.3</option>
    <option value="0.2">0.2</option>
    <option value="0.1">0.1</option>
</datalist>

<script>
    //获取输入框的值
    console.log($("#test2").val());
</script>

做可以输入的下拉框只需要有input和datalist就可以了。

为了好看加了个label。

但是我这里需要有默认值，需要在点击的时候内容清空，所以加了默认的value和onfocus聚焦事件。

效果是这样的：

刚进入时的input框

选择时的input框