Change input values from select list.

Question

I have two text input boxes that will need to be populated from the same selection list but each text box may have different values. What happens is that the code I have written allows you to click and change on value but when you try to do change the second value it changes both values rather than just the second value. I have looked at bind, text with no luck.

Input Boxes: <input type="text" id="lensStyle" size="35" class="orderinput" tabindex="12"/> <input type="text" id="lensStyleLeft" size="35" class="orderinput" tabindex="12"/>

grabs the values in from:

<select class="longbox" size="14" id="lensStyleBox"></select>

using this Jquery

    $("#lensStyle").focus(function(){
        $("#lensStyleBox").click(function(){
            $("#lensStyle").val($("#lensStyleBox").val());
        });

    });


    $("#lensStyleLeft").focus(function(){
        $("#lensStyleBox").click(function(){
            $("#lensStyleLeft").val($("#lensStyleBox").val());
        });
    });

Id have to see more on this to be sure, but you might want to make a function where you do say $('#lensStyleBox').click and check which element has focus there, using IF, and change it. — wachpwnski
– wachpwnski, Commented Apr 9, 2012 at 21:02

xcopy · Accepted Answer · 2012-04-09 21:12:14Z

1

You need to unbind the click handlers as the focus changes. This should do the trick - http://jsfiddle.net/WPjgc/

answered Apr 9, 2012 at 21:12

xcopy

2,26219 silver badges24 bronze badges

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

1 Comment

David Nuckols Over a year ago

The unbind did the trick, my solution was was to just put the unbind under the select box.

Selvakumar Arumugam · Accepted Answer · 2012-04-09 21:14:51Z

0

Try below code, If you want the text box to be populated on focus with the selection you had in the drop down.

$("#lensStyle, #lensStyleLeft").focus(function(){
    $(this).val($("#lensStyleBox").val());
});

What you are doing doesn't seems correct. Let us know if this is not something you need.

answered Apr 9, 2012 at 21:14

Selvakumar Arumugam

79.9k15 gold badges123 silver badges139 bronze badges

1 Comment

David Nuckols Over a year ago

That was not what I was looking for. I can get the box to populate off a json call. What I had was that I was trying to get two seperate values from the same list. So I had the select list and then two separate text boxes that the value could be any value in the selection box. The problem was that it was binding the event. Unbinding worked.

Collectives™ on Stack Overflow

Change input values from select list.

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related