我有一张表格,其中包含最终用户的许多问题。在表格中的某个点上存在一个问题,该问题有 3 种替代方法来继续该表格。例如,如果选择选项 1,则显示 DIV 1。
如果选择选项 2,则显示 DIV 2。我有这个工作。仅当最终用户(例如)犯了错误并选择选项 1 和下一个要纠正的选项 2 时,才会显示 DIV 1 + 2。
我试图实现的是,当最终用户选择选项 1,并犯了错误并选择选项 2 时,仅显示新选择的选项。
$(function() {
$('#my_select').change(function() {
$('.DIV_1').slideUp("slow");
$('#' + $(this).val()).slideDown("slow");
});
$('#my_select').change(function() {
$('.DIV_2').slideUp("slow");
$('#' + $(this).val()).slideDown("slow");
});
});
最佳答案
当显示一个 div 时,您需要隐藏另一个 div。以下应该做到这一点:
$(function() {
$('#my_select').change(function() {
$('.DIV_1').slideUp("slow");
$('#' + $(this).val()).slideDown("slow");
$('.DIV_2').hide();
});
$('#my_select').change(function() {
$('.DIV_2').slideUp("slow");
$('#' + $(this).val()).slideDown("slow");
$('.DIV_1').hide();
});
});
关于javascript - 从选择输入中显示和隐藏多个输入框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33665216/