У меня есть набор из трех комбинированных полей (drop downs), которые заполняются PHP со значениями из базы данных. Я проверил эти комбинированные поля, изменив эхо-кнопку «Отправить», чтобы type='submit' и загрузить самую страницу php. Они работают без помех таким образом.
Однако, когда я загружаю страницу Ajax, кнопка отправки отказывается запускать функцию Ajax. Я протестировал страницу, создав набор статических комбинированных ящиков с html, и в этом случае Ajax срабатывает без заминки. Однако использование созданных PHP комбо-боксов не вызывает Ajax.
Я надеюсь, что кто-то может пролить свет на то, что проблема касается моего кода.
HTML и jQuery:
<div id="gallery_container"> <ul class="new_arrivals_gallery"></ul> <div class="pagination"></div> </div> <script type="text/javascript" src="js/libs/jquery-1.6.1.min.js"></script> <script> $(document).ready(function() { function loadData(imgFamily, imgClass, imgGender){ $.ajax ({ type: "GET", url: "filter_test.php", data: {imgFamily:imgFamily, imgClass:imgClass, imgGender:imgGender}, success: function(data) { $("#gallery_container").html(data); }, }); } loadData(1); // For first time page load default results //Bind keypress event to Ajax call $('.filter').keypress(function(e) { if(e.keyCode == 13) { var imgFamily = $('#imgFamily').attr('value'); var imgClass = $('#imgClass').attr('value'); var imgGender = $('#imgGender').attr('value'); //Fetch the images loadData(imgFamily, imgClass, imgGender); } }); //Bind the click event to Ajax call on submit $("#submit").click(function(){ var imgFamily = $('#imgFamily').attr('value'); var imgClass = $('#imgClass').attr('value'); var imgGender = $('#imgGender').attr('value'); //Fetch the images loadData(imgFamily, imgClass, imgGender); }) });
PHP (Хотя я не считаю, что проблема здесь):
Я показываю только один поле со списком, чтобы сэкономить место, и поскольку они все одинаковы
// Queries for combo boxes $imgFamily_query = "SELECT DISTINCT imgFamily FROM images WHERE $clause"; $imgClass_query = "SELECT DISTINCT imgClass FROM images WHERE $clause"; $imgGender_query = "SELECT DISTINCT imgGender FROM images WHERE $clause"; // Create the form and combo boxes echo "<form name='refine' action=''> <fieldset><legend>Refine Results</legend>"; // imgFamily combo box if($imgFamily_result = mysql_query($imgFamily_query)) { if($imgFamily_success = mysql_num_rows($imgFamily_result) > 0) { // Start combo-box echo "<label for='imgFamily' id='imgFamily_label'>Choose a family</label>\n <select class='filter' id='imgFamily' name='imgFamily'>\n <option value='1'></option>\n"; // For each item in the results... while ($imgFamily_row = mysql_fetch_array($imgFamily_result)) // Add a new option to the combo-box echo "<option value='$imgFamily_row[imgFamily]'>$imgFamily_row[imgFamily]</option>\n"; // End the combo-box echo "</select>\n"; } else { echo "No results found."; } } else { echo "Failed to connect to database."; } // Add a submit button to the form echo "</fieldset> <fieldset><input type='button' name='submit' value='submit' id='submit'></fieldset> </form>";
Большое спасибо за любую помощь.