0

我正在处理带有两个选择字段的联系表格。第二个选择字段默认禁用，并根据第一个选择框中的选择填充选项。使用“普通”选择字段一切正常，但由于我正在使用 Zurb 的 Foundation Framework，所以它变得有点棘手。

我也无法获取 Foundation 的自定义选择字段来更新其值。隐藏的选择字段填充了正确的内容，但它没有在页面上显示为链接。我在这里找到了几个处理类似问题的主题并试图解雇$('#treatment-select').trigger('change', true);，但不幸的是它没有奏效。还有其他建议吗？

代码不完整。出于演示目的，我将其缩短了

 jQuery('#treatment-category').change(function() {

    var target = jQuery('#treatment-category option:selected').val();

    if (target == "Face Surgery") {
        jQuery('#treatment-select').prop('disabled', false);

        jQuery('#treatment-select').find('option:not(:first)').remove();

        var treatments = {
        "Brow lift":"brow-lift",
        "Cheeck fat removal":'cheek-fat-removal',
        "Chin implant":"chin-implant"
        };

        var val, text;

        for (text in treatments) {
            val = treatments[text];
               jQuery('<option/>').val(val).text(text).appendTo(jQuery('#treatment-select'));
        }
        $('#treatment-select').trigger('change', true);
    }
4

1 回答 1

1

好的，我终于找到了解决方案。而不是触发 `trigger('change'); 我使用以下方法使其工作：

Foundation.libs.forms.refresh_custom_select($('#hiddenSelectBoxID'), true);`
于 2013-10-01T22:05:17.533 回答