ajax загрузка HTML содержимого на страницу при выборе определенного select
файл index.php
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
alert($('#getContent .eght').length + 'elements!');
});
$(document).ready(function(){
$('#getContent .eght').click(function(){
$.ajax({
url: "http://load/content.php",
cache: false,
beforeSend: function() {
$('#divContent').html('Получаем контент');
},
success: function(html){
$("#divContent").html(html);
}
});
return false;
});
});
</script>
</head>
<body>
<form>
<select id="getContent" name="dolzh">
<option class="zero"></option>
<option class="one">Водитель</option>
<option class="two">Диспетчер</option>
<option class="tree">Грузчик</option>
<option class="fo">Автослесарь</option>
<option class="five">Автоэлектрик</option>
<option class="six">Кузовщик</option>
<option class="seven">Шиномонтажник</option>
<option class="eght">ДРУГОЕ</option>
</select>
<form>
</br>
<div id="divContent">
</div>
</body>
</html>
файл content.php
ВВЕДИТЕ ДОЛЖНОСТЬ
<input type="text" name="dolzh" maxlength="250">
Почему то работает только в фаерфоксе. В опере и хроме не работает.
В чем тут ошибка?
|