Using a select option to populate input box with JQuery

Question

I am getting a little frustrated and I know I have probably ballsed my code up but here goes.

I have a select dropdown that populates it's options with user id's, the select dropdown has a default value which I am trying to not use in the query.

I then want a chosen select option to populate a hidden text input with the selected user id from the option value.

So the code is detecting a change on the select, then it is saying if not default then copy value (user id) into the desired text input.

Here is my messy attempt at the jquery code, sorry for probably making a lot of mistakes with it.

jQuery(document).ready(function($){
    $('.client-select').on('change',function(event){
        if $('.client-select').val($(this) =! "default"){
            $('.clientuserid').val($(this).find('option:selected').value());
        }
    });
});

Any help with this would be greatly appreciated.

Many thanks.

Charlie

nshah143 · Accepted Answer · 2015-11-26 13:46:55Z

2

Try below updated javascript code of yours

$(document).ready(function(){
    $('.client-select').on('change',function(){
         if($(this).val() != "default"){
            $('.clientuserid').val($(this).val());
        }else{
            $('.clientuserid').val('');
        }
    });
});

Also here is the working demo fiddle - http://jsfiddle.net/1d9hfrxp/1/ I hope this is what you were looking to achieve.

answered Nov 26, 2015 at 13:46

nshah143

5594 silver badges23 bronze badges

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

2 Comments

nshah143 Over a year ago

Hi @Charlie , glad to solve your problem. If you are satisfied with the solution can you mark it as the answer and probably upvote it, so that it can be helpful to others who might come across issue similiar to yours

Charlie Over a year ago

Hi I think I ticked the answer and upvoted it. Let me know if I haven't and thanks again :-)

P. Frank · Accepted Answer · 2015-11-26 13:46:38Z

0

You have an error on your jquery formating script. You missed () for if function. Please try:

jQuery(document).ready(function($){
    $('.client-select').on('change',function(event){
        if ( $('.client-select').val($(this)) =! "default"){
            $('.clientuserid').val($(this).find('option:selected').val());
        }
    });
});

val() return the value of your dropdown selected element

answered Nov 26, 2015 at 13:46

P. Frank

5,7456 gold badges26 silver badges52 bronze badges

Collectives™ on Stack Overflow

Using a select option to populate input box with JQuery

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related