觸發選擇ID後提交失敗

我有這個<select>，當用戶在有選擇的選項，執行AJAX到後端則顯示/隱藏附加<select>：觸發選擇ID後提交失敗

$('#select1').on('change', function() { 
    // Get fruit information 
    $.ajax({ 
     type: 'POST', 
     url: '/path/to/ajax', 
     data: {id: $(this).val()}, 
     dataType: 'json', 
     success: function (data) { 
     if (data.type == "apple") { 
      $('#select2').addClass('hide'); 
      $('#select3').addClass('hide'); 
     } 
     else if (data.type == "banana") { 
      $('#select2').removeClass('hide'); 
      $('#select3').removeClass('hide'); 
     } 
     } 
    }); 
});

這工作得很好。當我提交表單後端執行驗證時，如果它失敗，它會再次加載頁面，但是，#select1具有我之前選擇的值，但其他<select>已隱藏顯示。頁面加載時是否可以觸發$('#select1').on('change', function()？

來源

2014-01-30 Leandro Garcia

你想使用Ajax或整個頁面重載觸發？ – Bilal

@Bilal - 我想這將是整個頁面重新加載。 –

這些鏈接可能有助於'http：// stackoverflow.com/questions/4247264/how-to-trigger-jquery-change-event-in-code'和'http：// api.jquery.com/trigger /'。 '$（'＃select1'）。trigger（「change」）;'在頁面加載時。未經測試 – zamil

結帳的jQuery

這裏的.trigger()是一個簡單的演示這樣做

Fiddle

來源

2014-01-30 05:48:57 Saurabh

觸發選擇ID後提交失敗

回答

相關問題