Question

在此fiddle 当选中任何一个复选框时，将启用下拉菜单。有4个选项文本，布尔值，选项和选项1.当我选择下拉选项时，另外3个复选框显示良好平均且差但没什么当我选择options1或text或boolean时会发生。任何正文都可以告诉我如果选择布尔值将显示yesy或no，或者在选择文本下拉时输入一些文本字符串

这是选项下拉列表，显示复选框

('#addNew .QSelect').change(function() {
    var cbs = $(this).closest('td').next().children();
    if ($('.show-checkboxes', $(this)).is(':selected')) {
        $(cbs).show();
    } else {
        $(cbs).hide();
    }
}).trigger('change');

Answer 1

试试这段代码，

var option = '<label class="checkbox-inline"><input type="checkbox" id="inlineCheckbox1" value="option1">Good</label><label class="checkbox-inline"><input type="checkbox" id="inlineCheckbox2" value="option2">Average</label><label class="checkbox-inline"><input type="checkbox" id="inlineCheckbox3" value="option3">Poor</label>';
var txt = 'Enter Some Text';
var bool = 'Yes or No';
$('#addNew .QSelect').change(function () {
    if (this.value == 'op') $(this).closest('tr').find('.out').html(option);
    if (this.value == 'txt') $(this).closest('tr').find('.out').html(txt);
    if (this.value == 'bool') $(this).closest('tr').find('.out').html(bool);
});

将您的HTML标记或text分别写为javascript variables，以便在用户选择该选项时动态更改。
使用selected事件监听器检查哪个选项为change。然后写下if条件，以便在用户从select选择选项时显示元素。

FIDDLE DEMO 的

如何在更改下拉列表时显示字符串

1 个答案: