Hocam takıldığınız veya hata aldığınız noktayı eklermisiniz?
Hocam takıldığım konu, arama yaparken select optionların valuelerine id tanımlamam gerekli, ama arama moturunun işleyişi valuede gösterilen id lere veya textte göre arama yapıyor bildiğim kadarıyla, daha önce kullandığım kodlamayı bir türlü uyduramadım, seçeceğim seçenek için ayrı bir div id disi oluşturmam gerekli, yani her div içerisine istediğim form elemanlarını yerleştirmem gerekli,
buda kod kalabalığına sebep olacak. aşağıda daha önce Bildiğimiz klasik ASP de uygulamıştım, PHP ye tam olarak hakim değilim <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$.divliste = {
'0' : $([]),
'1' : $('#1'),
'2' : $('#2'),
'3' : $('#3'),
'4' : $('#4'),
'5' : $('#5'),
'6' : $('#6')
};
$('.divsecici').change(function() {
// hide all
$.each($.divliste, function() { this.hide(); });
// show current
$.divliste[$(this).val()].show();
//classı selsts olan selectleri seçilmemiş yapıyoruz div değiştiğinde
$('#1 option, #2 option, #3 option, #4 option, #5 option, #6 option').attr('selected',false);
$('#1 input[type="checkbox"], #2 input[type="checkbox"], #3 input[type="checkbox"], #4 input[type="checkbox"], #5 input[type="checkbox"], #6 input[type="checkbox"]').attr('checked', false);
$('#1 input[type="text"], #2 input[type="text"], #3 input[type="text"], #4 input[type="text"], #5 input[type="text"], #6 input[type="text"]').val('');
});
});
</script>
</head>
<body>
<div>
<select name="kategori_id" class="divsecici" id="choice">
<option value="" salected>Lütfen Seçiniz</option>
<option value="1">Kategori 1</option>
<option value="2">Kategori 2</option>
<option value="3">Kategori 3</option>
<option value="4">Kategori 4</option>
<option value="5">Kategori 5</option>
</select>
</div>
<div id="1" style="display: none;">
<select size="1" name="oda">
<option selected value="">Oda</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
</select>
</div>
<div id="2" style="display: none;">
<select size="1" name="salon">
<option selected value="">Salon</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</div>
<div id="3" style="display: none;">
<select size="1" name="katsayisi">
<option selected value="">Kat Sayısı</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
</select>
</div>
<div id="4" style="display: none;">
<select size="1" name="bulundugukat">
<option selected value="">Bulunduğu Kat</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
</select>
</div>
<div id="5" style="display: none;">
<select size="1" name="balkon">
<option selected value="">Balkon</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</div>
</body>
</html>