Отправка без перезагрузки страницы ajax

программирование php JavaScript jQuery AJAX

Здравствуйте!

Спасибо всем кто уделит мне время!

Есть некий код, который выводить на страницу содержимое другой страницы, лишь при выборе одного из вариантов option. Код 100% рабочий. Но мне бы хотелось чтоб данный код не только выводил содержимое с другой страницы, но и без перезагрузки страницы отправлял методом post, тот value на что юзер кликнул в option.

Вот такой код:
<!doctype html>
<!--
Работает лишь на стороне сервера
-->
<html>
<head>
</head>
<body>
<table cellspacing="8" cellpadding="8">
<tr>
<td>
<form method="post">
<select name="customerSelect" id="customerSelect" size="8">
<option disabled selected="selected">------------------------------</option>
<option value="o_1">Alfred Alan</option>
<option value="o_2">Alison Smart</option>
</select>
</form>
</td>
<td>
<div id="customerDetails" />
</td>
</tr>
</table>
<script src="http://click.avoka.com/click-examples/click/control_2.3.0.js" type="text/javascript"></script>
<!--[if lt IE 7]>
<script src="http://click.avoka.com/click-examples/click/menu-fix-ie6_2.3.0.js" type="text/javascript"></script>
<![endif]-->
<script src="http://click.avoka.com/click-examples/click/prototype/prototype.js" type="text/javascript"></script>
<!--[if lt IE 7]>
<script id="rootMenu-js-setup" type="text/javascript">
Click.addLoadEvent(function()
{
if(typeof Click != 'undefined' && typeof Click.menu != 'undefined')
{
if(typeof Click.menu.fixHiddenMenu != 'undefined')
{
Click.menu.fixHiddenMenu("rootMenu");
Click.menu.fixHover("rootMenu");
}
}
});
</script>
<![endif]-->
<script type="text/javascript">
document.observe("dom:loaded", function()
{
$('customerSelect').observe('change', function(event)
{
var select = Event.element(event);
new Ajax.Updater('customerDetails', 'index.php',
{
method: 'post',
parameters:
{
'pageAction' : 'onChangeCustomer', 'customerId' : select.value
}
});
});
});
</script>
</body>
</html>

Возможно ли такое осуществить с данным кодом?

Благодарю за внимание!
Ответы:
Не нужно сюда постить лапшу. Есть удобные сервисы для этого


11 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.