jQuery获取选择并添加到文本输入的值

Question

一旦两个选择都填满，我就很难更改选择的值。

这是我到目前为止的内容，但是不起作用：

 var counter = $('.select').length; $('.select').change(function() { $.each($('.select'),function(i,e) { var t = $(this); if (t.val() == undefined || t.val() == '') { $('#js-market').fadeOut(); return; } if (i+1 == counter) { $('#js-market').fadeIn(function() { $("input.company_id").val($("#company_select").val()); $("input.market_id").val($("#market_select").val()); }); } }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select class="select" id="company_select"> <option value="">No Value</option> <option value="value1">Value 1</option> <option value="value2">Value 2</option> <option value="value3">Value 3</option> <option value="value1">Value 4</option> </select> <select class="select" id="market_select"> <option value="">No Value</option> <option value="value1">Value 1</option> <option value="value2">Value 2</option> <option value="value3">Value 3</option> <option value="value1">Value 4</option> </select> <div id="js-market">Lorem ipsum</div> <input name="company_id" type="text"> <input name="company_id" type="text"> 

这是代码中应设置输入值的部分：

$("input.company_id").val($("#company_select").val());
$("input.market_id").val($("#market_select").val());

一旦两个选择都被填写，就应该将文本输入的值设置为所选选项的值。

我该如何进行这项工作。

谢谢。 如果我不够清楚，请告诉我。

Answer 1

您的输入没有类，可以使用[name='']并且在html输入中具有相同的名称。

var counter = $('.select').length;
$('.select').change(function() {
    $.each($('.select'),function(i,e) {
        var t = $(this);
        if (t.val() == undefined || t.val() == '') {
            $('#js-market').fadeOut();
            return;
        }
        if (i+1 == counter) {
            $('#js-market').fadeIn(function() {
            $("input[name='company_id']").val($("#company_select").val());
            $("input[name='market_id']").val($("#market_select").val());
            });
        }
    });
});

http://jsfiddle.net/kfhxachp/

Answer 2

您正在使用类选择器通过其name属性选择元素。 您应该将这些类添加到目标元素，或者使用属性equals （ [attribute=value] ）选择器。