我正在制作一个函数,它将在数组中获取 textarea 的 innerHTML,然后它将在该数组中搜索 id。例如,innerHTML 是 Football、Basketball,然后将其存储在一个数组中,然后从中提取 ids Football Basketball 并然后名称为足球和篮球的 id 将在页面加载时更改背景颜色。这里的集群是文本区域名称。
这是代码:
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;
}
谢谢你。