Всем привет, вообщем не могу сообразить как допилить до победного конца, или пока знаний не хватает.
короче есть таблица в которой находятся сведения об авто.
тут я уже знаю как использовать $.ajax
сортирует все нормально. но когда жмешь на кнопку чтобы все собрать и отправить на выборку не фига не работает.думаю из за $(document).ready(function() {
да вообщем вот код
$(document).ready(function() {
$(".mark").change(function() {
var mark=$(this).val();
var drive=$('.drive').val();
var dataString = 'mark='+ mark;
$.ajax ({
type: "POST",
url: "mark.php",
data: dataString,
cache: false,
success: function(html)
{
$(".model").html(html);
}
});
});
$(".model").change(function() {
var model=$(this).val();
var mark=$('.mark').val();
var drive=$('.drive').val();
var dataString = 'model='+ model+'&mark='+mark+'&drive='+drive;
$.ajax ({
type: "POST",
url: "model.php",
data: 'model='+ model+'&mark='+mark,
cache: false,
success: function(html)
{
$(".body").html(html);
}
});
$.ajax ({
type: "POST",
url: "engine.php",
data: 'model='+ model+'&mark='+mark,
cache: false,
success: function(html)
{
$(".engine").html(html);
}
});
$.ajax ({
type: "POST",
url: "drive.php",
data: 'model='+ model+'&mark='+mark,
cache: false,
success: function(html)
{
$(".drive").html(html);
}
});
});
//вот без этого все заипись. но мне нужно в конце это
$(".button-value").click(function(){
alert('click'); //для проверки тоже не идет
var model=$('.model').val();
var mark=$('.mark').val();
var engine=$('.engine').val();
var body=$('.body').val();
var drive=$('.drive').val();
var dataString = 'mark='+ mark;
$.ajax ({
type: "POST",
url: "result_value.php",
data: 'model='+ model+'&mark='+mark+'&engine='+engine+'&body='+body+ '&drive='+drive;
cache: false,
success: function(html)
{
$(".value").html(html);
}
});
});
});
и индексный
<?php
include_once 'func.php';
?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Calc</title>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="js/engine.js" type="text/javascript"></script>
</head>
<body>
<style>
select{
width:160px;
}
.button-value {
margin: 0;
color: #f00;
background: #ccc;
float: left;
padding: 0;
cursor: pointer;
}
.button-value p {
margin:6px 12px;
}
</style>
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td>
<label>Выберете марку :</label>
</td>
<td>
<select name="mark" class="mark">
<option selected="selected">--Выберете марку--</option>
<?php
$marks=get_marks();
?>
<?foreach($marks as $item):?>
<option value="<?=$item['marks'];?>"><?=$item['marks'];?></option>
<?endforeach;?>
</select>
</td>
</tr>
<tr>
<td>
<label>Выберете модель :</label>
</td>
<td>
<select name="model" class="model">
<option selected="selected">--Уточните условия--</option>
</select>
</td>
</tr>
<tr>
<td>
<label>Выберете кузов :</label>
</td>
<td>
<select name="body" class="body">
<option selected="selected">--Уточните условия--</option>
</select>
</td>
</tr>
<tr>
<td>
<label>Выберете двигатель :</label>
</td>
<td>
<select name="engine" class="engine">
<option selected="selected">--Уточните условия--</option>
</select>
</td>
</tr>
<tr>
<td>
<label>Выберете привод :</label>
</td>
<td>
<select name="drive" class="drive">
<option selected="selected">--Уточните условия--</option>
<option value="2WD">2WD</option>
<option value="4WD">4WD</option>
</select>
</td>
</tr>
<tr>
<td>
<div class="button-value"><p>Проверить</p></div>
</td>
<td>
<select name="value" class="value">
</select>
</td>
</tr>
</table>
<div class="output"></div>
</body>
</html>
Тут где то чето начинает работать ток я так и не понял что с начала. что с конца. ставлю событие клик в индекс файл. работает сортировка. но не событие. подскажите пож. как исправить что доделать.
