基于字符串替换实现的下拉框链动算法

来源：互联网发布：我想学淘宝运营编辑：程序博客网时间：2024/05/16 02:24

<HTML>
<HEAD>
    <TITLE>基于字符串替换实现的下拉框链动算法</TITLE>
</HEAD>
<body>
    <table class="table-form">
        <tr>
            <td>所属类型</td>
            <td class="four-content">
                <select name="type" onchange="linkOne()">
                    <option value="01">荣誉</option>
                    <option value="02">处罚</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>信用分类</td>
            <td class="four-content">
                <select name="bigCreId">
                    <option value="80712" key="02">处罚--重违法</option>
                    <option value="80502" key="01">荣誉--经营</option>
                    <option value="80710" key="02">处罚--合同</option>
                    <option value="80513" key="01">荣誉--商标</option>
                    <option value="80506" key="01">荣誉--合同</option>
                    <option value="80624" key="02">处罚--较重违法</option>
                    <option value="80514" key="01">荣誉--银行</option>
                    <option value="80504" key="01">荣誉--管理人员</option>
                    <option value="80713" key="02">处罚--轻违法</option>
                    <option value="80503" key="01">荣誉--企业</option>
                    <option value="80718" key="02">处罚--行政处罚</option>
                    <option value="80515" key="01">荣誉--质量</option>
                </select>
            </td>

    </table>
<script type="text/javascript">
//基于字符串替换实现的下拉框链动算法
var optionsArray = new Array();
function linkSelect(source, target, key) {
    //bank options
    if (optionsArray[key] == undefined) {
        optionsArray[key] = new Array();
        for (var i = 0; i < target.options.length; i++) {
            optionsArray[key][i] = target.options[i].outerHTML;
        }
    }
    //clear options
    target.innerHTML = "";
    //select and add options
    var linkKey = "key=/"" + source.value + "/"";
    var t_options = "";
    for (var i = 0; i < optionsArray[key].length; i++) {
        t_options += (optionsArray[key][i].indexOf(linkKey) == -1) ? "" : optionsArray[key][i];
    }
    var t_select = target.outerHTML;
    t_select = t_select.replace("><", ">" + t_options + "<");
    target.outerHTML = t_select;
}
    //链动类别（荣誉/处罚）和信用大类
    function linkOne() {
        linkSelect(document.all('type'), document.all('bigCreId'), 1);
    }
    linkOne();
</script>
</body>
</HTML>