用js方法在文本框输入字符串然后下边的多行文本值根据输入的改变。

Question

本帖最后由 yang3088850111he 于 2014-02-19 16:15:25 编辑

Answer 1

<input type="text" onkeyup="search(this.value)" /><br />
<textarea id="ta" rows="5" cols="50">张三
李四
小李子
王五
刘麻子</textarea>
<script>
    var ta, data;
    Array.prototype.filter = function (v) { var r = []; for (var i = 0, j = this.length; i < j; i++) if (this[i].indexOf(v) != -1) r.push(this[i]);  return r };
    window.onload = function () {
        ta = document.getElementById('ta');
        data = ta.value.replace(/\r/g,'').split('\n');
    }
    function search(v) {
        if (v == '') ta.value = data.join('\n');
        else ta.value = data.filter(v).join('\n');
    }
</script>

Answer 2

我把这个代码在网页中打开，怎么感觉没有效果啊？文本框我想过滤
[code=html<select id="combobox01" size="3">
<option value="">Select one...</option>
<option value="ActionScript">ActionScript</option>
<option value="AppleScript">AppleScript</option>
<option value="Asp">Asp</option>
          </select>[/code]

Answer 3

楼主你到底试过没有，我这里都测试过没问题你要用select就要操作select对象的options了，自己去了解下基础

Answer 4

确实试过了啊 我这边是IE9 我用火狐也试过，但是没有反映图片地址 ：http://img.my.csdn.net/uploads/201402/19/1392800325_1833.jpg

Answer 5

确实试过了啊 我这边是IE9 我用火狐也试过，但是没有反映汗。。你的textarea怎么没有自动换行。连成一行了

Answer 6

确实试过了啊 我这边是IE9 我用火狐也试过，但是没有反映汗。。你的textarea怎么没有自动换行。连成一行了我直接复制粘贴你的呢

Answer 7

...，<textarea id="ta" rows="5" cols="50">张三
李四
小李子
王五
刘麻子</textarea>你做个html页面，textarea内容同上面的，不在同一行，看能不能换行，不能就不知道怎么说鸟

Answer 8

我刚试了一下，是可以的。
谢谢啊，我在请问下，如果我换成了 option 这样的是否我直接把 select的id放你上边的代码是否可以呢？

Answer 9

不行，要操作select的options对象你可以参考这个：select对象option的autocomplete自动完成