На моей странице html
есть меню для выбора usertype
, min age
и max age
. Мне нужно выбрать опции и передать значения ajax в качестве объекта массива. Когда я загружаю страницу getAjax
, функция работает. но когда я выбираю любую опцию в меню выбора, она не работает.Как получить небольшое значение выбора, используя одну функцию jquery
<script type = "text/javascript" >
$(document).ready(function() {
var ajaxUrl = '<?php echo base_url(); ?>' + 'main/search';
var dataPara = {
usertype: 1,
ageSelectStart: 21,
ageSelectEnd: 35
};
getAjax(ajaxUrl, dataPara); //working
//following code is not working
$("#usertypeSelect", "#ageSelect1", "#ageSelect2").change(function() {
dataPara[$(this).attr('id')] = parseInt($(this).val());
getAjax(ajaxUrl, dataPara);
});
});
function getAjax(URL, dataPara) {
$.ajax({
url: URL,
data: dataPara,
dataType: "html",
type: "POST",
success: function(retdata) {
$("#mainData").html(retdata);
}
});
} </script>
<html>
<div class="side-menu-container">
<ul class="nav">
<li>
<label>User type</label>
<select id="usertypeSelect">
<!-- options here-->
</select>
</li>
<li>
<label>Age</label>
<select id="ageSelect1">
<!-- options here-->
</select>
<label>To</label>
<select id="ageSelect2">
<!-- options here-->
</select>
</li>
</ul>
</div>
</html>
Try '$ ("# usertypeSelect, # ageSelect1, # ageSelect2") change' –