1

我有一个函数可以将选择中的值写入输入。我正在使用 live("change", 函数来触发它。

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

这很好用，但我需要定位最近的输入，所以它只写入那个输入而不是所有输入。我在下面尝试过的不起作用。可以的话请帮忙，谢谢。

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

更新

这是 Jsfiddle 的链接，请注意，该功能在此处不起作用，但您可以查看我的 html。http://jsfiddle.net/clintongreen/9x6kv/

4

4 回答 4

1

更新：最终代码（如果有人需要）

$(document).ready(function(){
var $theme = $("#clonned").clone();
// The Function in Question
var dept_1 = "Person #1, Person #2, Person #3, Person #4, Person #5";
var dept_2 = "Person #6, Person #7, Person #8, Person #9, Person #10";
var dept_3 = "Finance Persons";
var dept_4 = "IT Persons";
var dept_5 = "Marketing Persons";

$(".clone_dept").live("change", function() {
    if ($(this).val() == 'Dept #1') {
        $(this).closest("tr").find("td:eq(1) .clone_attendees").val(dept_1);
    }
    if ($(this).val() == 'Dept #2') {
        $(this).closest("tr").find("td:eq(1) .clone_attendees").val(dept_2);
    }
    if ($(this).val() == 'Dept #3') {
        $(this).closest("tr").find("td:eq(1) .clone_attendees").val(dept_3);
    }
    if ($(this).val() == 'Dept #4') {
        $(this).closest("tr").find("td:eq(1) .clone_attendees").val(dept_4);
    }
    if ($(this).val() == 'Dept #5') {
        $(this).closest("tr").find("td:eq(1) .clone_attendees").val(dept_5);
    }
}).change(); // trigger once if needed
// Clone Function
$(".tr_clone_add").live('click', function() {
    var $newone = $theme.clone();
    $newone.attr("id", "clonned"+Math.floor(Math.random()*11));
    $newone.appendTo('.table_clone');
});
});
于 2011-11-22T01:25:57.103 回答
1

你的小提琴，但它有效：点击这里

您的 js 有问题 - 更改：

$(".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

到：

$(".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

虽然这并没有真正解决如何选择最接近的输入。就您的小提琴而言，它是唯一使用该类的元素。如果要复制和重用此行结构，请使用它来选择正确的输入。

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

编辑：更好的是，使用数组来分配正确的值，而不是使用 5 行 if 语句。

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"];

将值添加到选项标签

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

进而

$(".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
于 2011-11-22T01:58:31.067 回答
0

如果你确定至少有一个，你可以试试

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

从集合中获得第一个，但它没有任何“最接近”的概念

第一个兄弟姐妹？尝试

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

但这会得到任何出现在你之前的东西。完全取决于“最接近”的含义

于 2011-11-22T01:15:29.887 回答
0

假设输入是 DOM 中的下一个，这应该可以工作：

if ($(this).val( ) == 'MyValue') {$(this).next().val(VarValue);}
于 2011-11-22T01:15:56.020 回答