jquery - 将预定义值设置为另一个文本框

Question

我正在尝试使用 Jquery 将一个已经定义了值的框的值传递给另一个没有定义的框。我尝试了代码，但我一直在文本框中而不是文本中得到“未定义”。

<input type="text" ID="readonly" runat="server" class="threeline-two" readonly=
"readonly" value="email@email.com" />
<input type="text" ID="readonlytxt" runat="server" readonly = "readonly"  />

<input type="text" ID="Year" runat="server" class="threeline-two" />
<input type="text" ID="Yeartxt" runat="server"   />
    <script type="text/javascript">

        $(function () {
            $('#Year').change(function () {
                var TxtBox = document.getElementById("Yeartxt");

                TxtBox.value = $(this).val();
                var string = $(this).val()

        var TxtBox2 = document.getElementById("readonlytxt");

                TxtBox2.value = $("readonly").val();
                var string = $("readonly").val()
            });
        });

</script>

http://jsfiddle.net/YAN2X/

Answer 1

        $(function () {
            $('#Year').change(function () {
               $("#Yeartxt").val($("#Year").val());
               $("#readonlytxt").val($("#readonly").val());
            });
        });

Answer 2

TxtBox2.value = $("#readonly").val();

是需要的。JQuery 需要 # 来指示其 ID，而不是类或元素标记。它就像一个 CSS 选择器。更多关于 JQuery 选择器的信息在这里。

有关固定代码，请参阅此 jsfiddle。

Answer 3

用这个替换脚本：

    $(function () {
        $('#Year').change(function () {
            var TxtBox = document.getElementById("Yeartxt");

            TxtBox.value = $(this).val();
            var string = $(this).val();

            $("#readonlytxt").val($("#readonly").val());

/*
var TxtBox2 = document.getElementById("readonlytxt");

//$("readonly") selects no element: "#" is missing
TxtBox2.value = $("readonly").val();
 */

        });
    });