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');来解决此问题：

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

表格不提交隐藏的输入

1 个答案: