javascript - 如何禁用 Bootstrap 的 typeahead 数据源?

标签 javascript jquery twitter-bootstrap

如何在只读时禁用 bootstap typahead 数据源

<input type="text" data-provide="typeahead" data-source="["Option 1","Option 2","Option 3"]" id="test1" name="test1">
<a href="#" class="btn" id="readonly">Readonly</a>

现在我正在使用 jquery 来应用只读,但是当我们按退格键时,它会提示来自数据源的最后一个元素

$('#readonly').on('click', function (e) {
    $("#test1").prop('readonly', true);
})

最佳答案

如果你想要输入元素readolny。然后添加类禁用

$('#readonly').on('click', function (e) {
   $("#test1").prop('readonly', true).addClass("disabled");
})

关于javascript - 如何禁用 Bootstrap 的 typeahead 数据源?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27738306/

相关文章:

javascript - 从图像元素动态创建 Canvas 元素

javascript - 尝试对基于回调的函数进行 thunkify 以与生成器(yield)一起使用,不起作用

javascript - 未捕获的类型错误 : Object #<MouseEvent> in chrome

javascript - 间隔显示后 Div 的位置不正确(包括 fiddle )

javascript - 如何自动合并不需要的html标签

jquery - 使用 Twitter Bootstrap 自动启动和停止 YouTube 视频

javascript - 如何根据单击的图像播放声音

jquery - 使用 jquery 模拟 facebook 搜索

html - 如何使列表中的元素符号点对齐

html - 如何制作页脚响应式 Bootstrap