一个JS难题，比较的郁闷（有关复杂的文本框联动的）

假设我现在同一个页面上有两个文本框
其中一个文本框的值是：a,b,c,d,
另外一个文本框的值是：1,2,3,4,
（上面只是举了一些例子数据，但有：两个文本框的","个数是一样的,而且中间也不会有空值出现)
现在想实行的效果:
当我在第一个文本删掉一个值后,对等的另一个文本也必须删除对等位置的一个值.
如当第一个文本框经删除后变成:a,b,d,时
另外一个文本就变成1,2,4,请问如何实行啊

解决方案 »

  1.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>测试</title>
    <script language="javascript" type="text/javascript">
        var list = [{ key: "a", value: "1" },
            { key: "b", value: "2" },
            { key: "c", value: "3" },
            { key: "d", value: "4"}];
        function Find(key) {
            for (var i = 0; i < list.length; i++) {
                var item = list[i];
                if (item.key == key) {
                    return item.value;
                }
            }
            return null;
        }
        function Convert(str) {
            var values = [];
            var keys = str.split(",");
            for (var i = 0; i < keys.length; i++) {
                var value = Find(keys[i]);
                if (value != null) {
                    values.push(value);
                }
            }
            return values.join(",");
        }
        function Check() {
            var keyList = document.getElementById("tb1").value;
            var result = Convert(keyList);
            document.getElementById("tb2").value=result;
        }
    </script>
    </head>
    <body>
        <input id="tb1" type="text" onkeyup="Check()" /><br/>
        <input id="tb2" type="text" />
        </body>
    </html>我这里用onkeyup事件来进行转换，你可以根据自己的情况来改。
    具体还想转换什么，自己在list中照着添加就行了
      

  2.   

    可以用后台代码直接写list 的内容，或者使用Ajax
    后台你用什么？ ASP？
      

  3.   

    是的，是用ASP，今天上午已经自己摸索搞掂了
    非常感激您的帮助
    结贴送分
    希望以后能再次施以援手