javascript - 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/