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选择器的更多信息here。

有关固定代码，请参阅this 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();
 */

        });
    });

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

3 个答案: