表單未提交隱藏的輸入

Question

代碼中有隱藏的輸入，默認情況下必須為TRY，並且可以使用下拉框進行更改。 代碼：HTML：

<div class="form-group">
            <label class="col-sm-3 control-label">Fiyat</label>
            <div class="col-sm-4 col-md-3 col-lg-2">
                <div class="input-group input-group-sm">
                    <input type="text" placeholder="Fiyat" class="form-control js-listing-price js-numeric" name="price.amount" />
                    <div class="input-group-btn btn-default">
                        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                            <span class="js-currency-preview">TL</span>
                            <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu pull-right">
                            <li><a data-value="TRY">TL</a></li>
                            <li><a data-value="USD">$</a></li>
                            <li><a data-value="EUR">€</a></li>
                        </ul>
                        <input type="hidden" value="TRY" class="js-listing-price-currency js-currency" name="price.currency">
                    </div>
                </div><!-- /input-group -->
            </div>
        </div>

Javascript：

$('.dropdown-menu').on('click', 'li a', function(e) {
    e.preventDefault();
    $('.js-currency-preview').text($(this).text());
    $('.js-listing-price-currency').val($(this).data('value'));
  });
};

除此js-currency字段外，所有其他字段均正常工作。

Answer 1

由於Backbone Binder在隱藏的輸入中看不到隱藏的更改，因此它們不能在頁面中更改。 可以通過添加trigger('change');來解決trigger('change'); 代碼：

$('.js-listing-price-currency').val($(this).data('value')).trigger('change');