html左侧为筛选栏右侧刷新,如何自动筛选HTML选择列表?

我会设置一个缓存来保存

options

在我的内心

select

. 而不是过滤

选项

在

选择

,我会清除

选择

,并用匹配的

选项

.

大量伪代码:

onLoad:

set cache

onKeyPress:

clear select-element

find option-elements in cache

put found option-elements into select-element

这是我写的一个小POC,过滤

selects

从另一个中选择的内容

选择

--实际上,将一组选择链接在一起。

也许它能给你一些想法:

function selectFilter(_maps)

{

var map = {};

var i = _maps.length + 1; while (i -= 1)

{

map = _maps[i - 1];

(function (_selectOne, _selectTwo, _property)

{

var select = document.getElementById(_selectTwo);

var options = select.options;

var option = {};

var cache = [];

var output = [];

var i = options.length + 1; while (i -= 1)

{

option = options[i - 1];

cache.push({

text: option.text,

value: option.value,

property: option.getAttribute(_property)

});

}

document.getElementById(_selectOne).onchange = function ()

{

var selectedProperty = this

.options[this.selectedIndex]

.getAttribute(_property);

var cacheEntry = {};

var cacheEntryProperty = undefined;

output = [];

var i = cache.length + 1; while (i -= 1)

{

cacheEntry = cache[i - 1];

cacheEntryProperty = cacheEntry.property;

if (cacheEntryProperty === selectedProperty)

{

output.push("

_property + "=" + cacheEntryProperty + ">" +

cacheEntry.text + "

");

}

}

select.innerHTML = output.join();

};

}(map.selectOne, map.selectTwo, map.property));

}

}

$(function ()

{

selectFilter([

{selectOne: "select1", selectTwo: "select2", property: "entityid"},

{selectOne: "select2", selectTwo: "select3", property: "value"}

]);

});