在 IE6 中使用 val() 的 jquery 问题

Question

我正在尝试使用 jquery 更新 textarea 的值，如下面的代码所示：

<button type="button" onclick="setLine();">Set</button>
<button type="button" onclick="showLine();">fire!</button><p></p>
    <textarea id="hello">

    </textarea>
    <script type="text/javascript">
            $('#hello').val("hi there");
        </script>
    <script type="text/javascript">
        function showLine()
        {
            alert($('#hello').val());
        }
        function setLine()
        {
            $('#hello').val('foo');
        }
    </script>

此代码在除 IE6 之外的所有主流浏览器中都能正常运行。

在 Ie6 中，文本区域不会随着按钮单击而更新，并且警报会给出空白/空字符串。但是在其他浏览器中，单击“set”会将其更改为“foo”，然后会显示在警告框中。

有谁知道为什么这是特定于该浏览器的，或者代码可能有什么问题？我怀疑.val()

任何帮助将不胜感激。

Answer 1

你应该在 document.ready 事件中调用 val()：

$(document).ready(function() {

    $('#hello').val("hi there");

});

为了说明清楚：我只是在谈论对 val() 的第一次（全局）调用。函数声明不应在 document.ready 函数中。

Answer 2

我认为你必须使用 .html() 而不是 .val() ...试着说出发生了什么？

Answer 3

我不知道为什么你的代码不能在 IE6 中工作，但它不是正确的 jQuery。 我现在无法对此进行测试，但这应该可以进行一些更改：

<button type="button" id="setline">Set</button>
<button type="button" id="showline">fire!</button>

<textarea id="hello"></textarea>

<script type="text/javascript">
    $(document).ready(function(){
       $('#hello').val("hi there");

       $('#showline').click(function()
       {
           alert($('#hello').val());
       });

       $('#setline').click(function()
       {
           $('#hello').val('foo');
       });
   });

按钮在 jQuery 中不应该有 onclick 事件，你应该像上面显示的那样绑定它们。 并且始终使用 document.ready！

Answer 4

您是否有多个 id 为“hello”的元素？