Set predefined value to another textbox

Question

I'm trying to use Jquery to pass the value of one box that already has value defined to another that does not. I tried the code but I keep getting 'undefined' in the text box instead of the text.

<input type="text" ID="readonly" runat="server" class="threeline-two" readonly=
"readonly" value="[email protected]" />
<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/

johnmadrak · Accepted Answer · 2012-06-25 20:22:57Z

2

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

answered Jun 25, 2012 at 20:22

johnmadrak

8255 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

jaypeagi · Accepted Answer · 2012-06-25 20:17:43Z

1

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

is what was needed. JQuery requires the # to indicate its an ID as opposed to class or element tag. It works like a CSS selector. More on JQuery Selectors here.

See this jsfiddle for fixed code.

answered Jun 25, 2012 at 20:17

jaypeagi

3,14120 silver badges33 bronze badges

2 Comments

user1480978 Over a year ago

I've been looking at this for almost an hour and cant believe I didn't see that. Thanks

jaypeagi Over a year ago

@johnmadrak has a good, more simplified solution. If you find it hard to read, it still may be worth either using jQuery or JavaScript instead of a hybrid! That'll also help make spotting this error more easy :)

Alberto De Caro · Accepted Answer · 2012-06-25 20:20:54Z

0

Replace the script with this:

    $(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();
 */

        });
    });

answered Jun 25, 2012 at 20:20

Alberto De Caro

5,2139 gold badges51 silver badges77 bronze badges

Collectives™ on Stack Overflow

Set predefined value to another textbox

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related