将textareinnerhtml附加到数组中,然后在数组中搜索id
append textarea innerhtml to an array and then search ids in array
我正在制作一个函数,该函数将获取数组中文本区域的innerHTML,然后搜索该数组中的id。例如,innerHTML是Football,Basketball,然后它将存储在一个数组中,然后将从中提取ID Football Basketball并在页面加载时更改名称为Football和Basketball的ID的backgroundColor。这里cluster是文本区域的名称。
这是代码:
window.onload = checkids;
window.onload = btnsInit;
var selected = {};//keeps list of selected links
var val="";
function checkids() {
var check=document.getElementById("cluster").value;
selected = check.split(',');
var j, i, a = document.getElementById('boxpopup').getElementsByTagName('a');
for(j=0;j < selected.length; j++) {
for(i=0;i < a.length ; ++i) {
if(selected[j]==a[i]) {
this.style.backgroundColor="#2BBBF3";
}
}
}
}
function checkids() {
var check=document.getElementById("cluster").innerHTML;
selected.push(check);
//extract ids from select and change their background color
}
function btnsInit() {
var i, a = document.getElementById('boxpopup').getElementsByTagName('a');
for (i = 0; i < a.length; ++i) {
a[i].onclick = btnClick;
}
}
function btnClick(e) {
if (selected[this.id]) {
this.style.backgroundColor ="grey";
delete selected[this.id];//deleting if already been clicked
} else {
this.style.backgroundColor ="#2BBBF3";
selected[this.id] = this.id;//adding to the selected list
}
updateTextArea();
xPreventDefault(e);
return false;
}
function updateTextArea() {
var cluster = document.getElementById('cluster');
for ( var id in selected) {
val += selected[id] + ",";
}
cluster.value = val;//updating from selected list
}
function xPreventDefault(e) {
if (e && e.preventDefault)
e.preventDefault();
else if (window.event)
window.event.returnValue = false;
}
谢谢。
不确定这是否是正确的答案,但。。。。文本区域没有innerHTML。。。它只有一个value属性。。。这有点明显,因为文本区域只能包含文本。。。
编辑:显然它有一个innerHTML
,但它是只读的,只保存原始文本区域值。亲眼看看。
相关文章:
- 将值输入到对象,然后该对象推送到数组
- 删除重复的数组值,然后存储它们[反应]
- 如何放置ÅÄ和#214;在javascript数组中,然后将其与html文本进行比较
- 找到 JSON 数组的特定部分,然后在 Angular 中更深入
- 从异步调用返回数组,然后为数组的每个元素返回其他异步调用
- Javascript:编写一个函数,接收一个数组,然后返回一个只有唯一数字的数组,只删除数组
- 查找文档,然后在数组中查找条目并将其从数组中删除
- 如何在一维数组中存储 3 个随机数,然后在 Javascript 中收到警报
- Javascript(动态)插入到数组中,然后移动+1下面的所有元素
- 如何在javascript中生成数组对象的数组,然后将其传递给java
- 从数组中快速打印对象,然后循环
- 根据属性值创建多个对象数组,然后遍历每个数组
- 从数组中删除元素,然后保留其状态以备将来使用,而不使用全局变量
- 量角器:如何在数组中存储值,然后进行排序
- 修改输入中的数组,然后返回输出
- 使用$.post()将PHP数组发送到jQuery,然后循环使用这些值
- 单击时将值推送到数组,然后循环添加数组值.Javascript
- 从下拉列表中的数组中选取某个项目,然后将其显示为第一项并按字母顺序显示
- 如何将字符串拆分为数组,修改数组然后应用于javascript中的字符串
- 如果我们使用new array (len).fil({})创建对象数组;然后在任意一个对象中添加一个键,它会被反射到所有