Question

我有一个Jquery下拉列表，在文本框和div中提取值。

当第一个下拉列表被选中时，文本框和div中的值都会发生变化...但是当我选择第二个，第三个和第四个下拉选项时..文本框中的值更改但 div内的值不会改变 ..这是我工作的小提琴

[http://jsfiddle.net/binoymat/d9f8t9vj/5/][1]

我哪里错了？

Answer 1

在div中执行更改的行是$("#totalVisitors").text(total);。此行位于$("#category").on('change', function () {事件中，因此仅在第一个组合更改时才有效。

我不确定您要执行的操作，但如果您只想在输入Visitors:和div TOTAL VISITORS FOR THE DAY中显示保存值，则需要添加该行在其余的change事件中：

$("select[id^='category']:not(#category)").on('change', function () {
    var dept_number = parseInt($(this).val());
    var price = $(this).find(':selected').data('price');
    $('#dept-input').val(dept_number);
    $('#price-input').val(price);
    // Add this line
    $("#totalVisitors").text(price);
});

http://jsfiddle.net/d9f8t9vj/7/

选择下拉列表时更改div值

1 个答案: