3

在我的项目中，我有一个下拉选项，显示来自世界各地的不同货币代码。此下拉菜单使用“Chosen”jQuery 插件。选择货币代码后，页面中的所有相应符号都会发生变化，即选择 GBP 将显示英镑 (£) 而 USD 将显示美元 ($)。

在页面加载时，用户的默认货币是根据模型从列表中选择的。请看下面：

@Html.DropDownListFor(model => model.CurrencyCode, Model.CurrencyList != null ? Model.CurrencyList : new SelectList(new[] { "" }), Model.CurrencyCode != null ? Model.CurrencyCode.ToString() : "--Select Currency Code--", new { id = "CurrencyCode", onchange = " CurrencySymbol($('#hidesubtotal').val(), $('#hidevat').val(), $('#hidetotal').val(),$('#hidediscount').val()); ", @class = TransactionHelpers.cssClass(Validation, "CurrencyCode", "chzn-select"), style = "width:200px; text-align:left;" })

这在 Chrome 和 Firefox 中都可以正常工作，选择了正确的选项并且所有相关的占位符都反映了选择。但是，当在 Internet Explorer 中呈现时，它会被忽略，下拉菜单的默认选择是“选择一个选项”，而不是用户的货币代码，应该预先选择。通过添加以下参数“@data_placeholder = Model.CurrencyCode”，我可以让 IE 使用正确的代码填写下拉列表，但除非用户重新选择和选项，否则更改不会反映在其他地方。

解决此问题的最佳方法是什么，以便 IE 在没有进一步交互的情况下反映负载变化？任何帮助将不胜感激。

编辑：这里要求的是模型中的一段代码，其中货币代码在 TransactionViewModel 中传递：

public string CurrencyCode { get; set; }

还有 JavaScript 处理：

    var selectedCurrency = $('#CurrencyCode option:selected').text();
    if (selectedCurrency != '--Select Currency Code--') {
        var matchedCurrecyOptions = $("#CurrencyCode option:contains('" + selectedCurrency + "')");
        if (matchedCurrecyOptions.length == 2) {
            var currencyValue = matchedCurrecyOptions[1].value;
            if (typeof currencyValue !== 'undefined') {
                $('#CurrencyCode option:selected').val(currencyValue).trigger("liszt:updated");
            }
        }
    }

如果我对下拉列表进行更改，则更改会在整个页面中复制，但不会针对初始条目。

4

1 回答 1

0

尝试这个！

$(function () {
  $("#currencyCode").change( function () {
    var selectedCurrency = $('#CurrencyCode option:selected').text();
    if (selectedCurrency != '--Select Currency Code--') {
        var matchedCurrecyOptions = $("#CurrencyCode option:contains('" + selectedCurrency + "')");
        if (matchedCurrecyOptions.length == 2) {
            var currencyValue = matchedCurrecyOptions[1].value;
            if (typeof currencyValue !== 'undefined') {
                $('#CurrencyCode option:selected').val(currencyValue).trigger("liszt:updated");
            }
        }
    }

  }).trigger();
});

应在加载时触发更改事件，并将重新选择所选选项。

于 2013-03-22T16:47:15.257 回答