Home/ Questions/Q 6856375
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T01:52:40+00:00

I have a function that writes a value from a select to an input.

  • 0

I have a function that writes a value from a select to an input. I am using a live(“change”, function to trigger this.

if ($(this).val( ) == 'MyValue') {$(".my_input").val(VarValue);}

This works fine but I need to target the closest input so it only writes to that one input and not all of them. What I have tried below does not work. Please help if you can, thanks.

if ($(this).val( ) == 'MyValue') {$(this).closest(".my_input").val(VarValue);}

UPDATE

Here is a link to the Jsfiddle, please note, the functionality is not working here, but you can see my html. http://jsfiddle.net/clintongreen/9x6kv/

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Your fiddle, but it works :Click here

    You had an issue with your js – Change: 

    $(".clone_dept").live("change", function() { //<-- not really sure why live isn't working
    if ($(this).val() == 'Dept #1') {$(".clone_attendees").val(dept_1);}
    if ($(this).val() == 'Dept #2') {$(".clone_attendees").val(dept_1);}
    if ($(this).val() == 'Dept #3') {$(".clone_attendees").val(dept_1);}
    if ($(this).val() == 'Dept #4') {$(".clone_attendees").val(dept_1);}
    if ($(this).val() == 'Dept #5') {$(".clone_attendees").val(dept_1);}
    }).change(); // trigger once if needed
}); // <-- This shouldnt be here

    to:

    $(".clone_dept").change(function() {
    if ($(this).val() == 'Dept #1') {$(".clone_attendees").val(dept_1);}
    if ($(this).val() == 'Dept #2') {$(".clone_attendees").val(dept_2);}
    if ($(this).val() == 'Dept #3') {$(".clone_attendees").val(dept_3);}
    if ($(this).val() == 'Dept #4') {$(".clone_attendees").val(dept_4);}
    if ($(this).val() == 'Dept #5') {$(".clone_attendees").val(dept_5);}
}).change(); // trigger once if needed

    Although this doesn’t really address how to select the closest input. In the case of your fiddle, it’s the only element that’s using that class. If this row structure is going to be copied and reused, use this to select the right input.

    if($(this).val() == 'Dept #1') {$(this).parent().next("td").children(".clone_attendees").val(dept_1);}

    Edit:
    Better yet, use an array to assign the right value rather than having 5 lines of if statments.

    var dept = ["Person #1, Person #2, Person #3, Person #4, Person #5","Person #6, Person #7, Person #8, Person #9, Person #10","Finance Persons","IT Persons","Marketing Persons"];

    add values to the option tags

    <option value=0>Dept #1</option>

    and then 

    $(".clone_dept").change(function() {
    if($(this).val() == 'Dept #1') {
        $(this).parent()
        .next("td")
        .children(".clone_attendees")
        .val(dept[$(this).val()])
    }
}).change(); // trigger once if needed
    • 0