Question

我有这个js运作良好：

$(document).ready(function(){
    $("select").change(function () { 
       var str = ""; 
       str = $(this).find(":selected").text(); 
       $(".out").text(str); 
    }).trigger('change');

问题是，如果我有多个选择下拉列表（假设没有限制）我必须将类更改为另一个，所以它不会做同样的...意味着重复jquery ...有没有办法结合这个成一个？这是小提琴，看看我的意思：

LINK to FIDDLE

Answer 1

使用.next()

Fiddle Demo

$(document).ready(function () {
    $("select").change(function () {
        var str = "";
        str = $(this).find(":selected").text();
        $(this).next(".out").text(str);
        // find the next  element with class out element
    }).trigger('change');
})

使用一个jquery函数设置多个表单选择下拉列表

1 个答案: