javascript - 可编辑组合框 Javascript 和 HTML

标签 javascript html combobox

我需要做以下事情: 使用 JavaScript、具有文本类型的 HTML 输入标签 和一个选择标签(组合框),创建一个可编辑的组合框。

我不知道如何使组合框可编辑。你能给我一些建议吗?

我这样创建组合框,但显然不可编辑:

<html>
    <label>Your preferred programming language: </label>
    <select id="combobox">
        <option value="">Select one...</option>
        <option value="ActionScript">ActionScript</option>
        <option value="AppleScript">AppleScript</option>
    </select>
</html>

我应该在哪里使用输入标签?

最佳答案

HTML5 包含解决此问题的 datalist 元素! :)

<html>
    <label>Your preferred programming language: </label>
    <input type="text" list="combo-options" id="combobox">
    <datalist id="combo-options">
        <option value="ActionScript">ActionScript</option>
        <option value="AppleScript">AppleScript</option>
    </datalist>
</html>

关于javascript - 可编辑组合框 Javascript 和 HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36681191/

相关文章:

javascript - 纯 Javascript 图像处理库(二进制形式,不通过 DOM)

javascript - 一种用 Webpack 循环 HTMLWebpackPlugin 的干净方法?

javascript - Haskell 到 Javascript lambda 函数的翻译

html - 无法更改 Bootstrap-select selectpicker 的标题

java - 如何自动填充组合框? java

vb.net - 每行有2个值的组合框有什么办法吗?

javascript - ajax 返回的 id 格式错误

jquery - 甚至 tr 的 LESS (CSS) 选择器,没有 class .hide

jQuery:在选择框中快速选择整个 optgroup 的简单方法

java - 当 ComboBox 的文本发生变化时,如何触发 JavaFX 中的代码?