JavaScript Auto Complete 搜索栏修改帮助
JavaScript Auto Complete search bar modification assistance
我正在为一个网站构建原型,我正在使用JavaScript代码来模拟自动完成体验,就像谷歌在搜索栏上一样。
但是,我已经修改了示例列表中的数组以包含图像。当我进行选择时出现问题。
var customarray=new Array(
'1 Apple /img src="images/AutoComplete/Apple.png" width="627" height="40" />',
'2 <img src="images/AutoComplete/Apple.png" width="627" height="40" /> Apple iMac ',
'3 Apple iPad',
'Apple iPhone',
'Apple iPod',
'Apple iPod Touch ',
'Apple iPod Nano ',
'Apple iPod Shuffle ',
'Apple iPod Classic ',
'Apple MacBook',
'Apple MacBook Pro',
'Apple TV');
数组 1 将在 HTML 输入字段中正确显示,但如果我单击它,输入字段将显示:"Apple img src="images/AutoComplete/Apple.png" width="627" height="40" " 我只希望它显示"Apple"。
第二个问题是对齐。如果我将图像放在文本之前(如数组 2 所示),我会得到一个损坏的图像文件而不是图像。
关于如何纠正这些问题的任何想法?谢谢。
首先,我看到一个错字。 customarray[0]
应该是
'1 Apple <img src="images/AutoComplete/Apple.png" width="627" height="40" />'
其次,将此文本放入 HTML 标记时,请确保使用的是 innerHTML
属性。它可以是这样的
<div id="dropdownbox"></div>
<script type="text/javascript">
//whatever code you have that executes when a search is done
//...
var html;
var div = document.getElementById("dropdownbox");
div.innerHTML = ""; //clears the results
for (var i=0; i<customarray.length; i++) {
html += "<div>" + customarray[i] + "</div>";
}
div.innerHTML = html;
//...
</script>
相关文章:
- 需要帮助设置json数组
- 在Safari执行javascript之前对其进行修改
- 需要帮助修改我的jQuery插件
- 请求有关修改 .js 脚本以在 chrome 中包含打开标签页的帮助
- 需要帮助来定位/修改自定义数据属性
- 需要帮助修改图表.js鼠标悬停工具提示
- 修改sphider搜索.php文件并请帮助我
- JavaScript Auto Complete 搜索栏修改帮助
- 定义可能需要在AngularJS中修改$scope数据的实用程序/帮助程序方法的理想方式是什么
- 需要帮助重构JavaScript代码,使其更易于修改、维护和更健壮
- 任何人都可以帮助如何添加修改头用户代理到chrome浏览器使用selenium webdriver编程
- JavaScript文本替换脚本修改帮助
- JS/jQuery:帮助修改代码来替换4张图片
- 需要帮助修改javascript(插入一个php值到它)
- HTML重定向脚本帮助需要修改以显示重定向url而不是重定向
- Ext JS 4.0修改视图不会修改浏览器中的输出.请帮助
- 需要帮助从网站修改javascript
- “Internet Explorer浏览器已修改此页面,以帮助防止跨站点脚本”;iframe
- 需要帮助修改表单JS脚本以添加成功消息
- 帮助修改我的自定义JQuery滑块,以允许连续滚动