Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Обновление данных формы без перезагрузки (https://javascript.ru/forum/jquery/7575-obnovlenie-dannykh-formy-bez-perezagruzki.html)

dmus 08.02.2010 17:58

Обновление данных формы без перезагрузки
 
Добрый день!!!

Постараюсь подробно описать суть моей проблемы!!!

Есть форма в которой при заполнении поля "number1", и выбора одного из переключателей должна выводится в блоке "divMessage" сумма (без перезагрузки страницы).

Оно вроде как работает, но есть одно НО. Когда я выбираю в radio значение, сумма не изменяется, мне нужно обратно изменять значение поля "number1".

Сама форма:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
 <title>Калькулятор</title>
 <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
 <meta name="description" content="">

 <script type="text/javascript" src="jquery.js"></script>
 
 <script language="javascript" type="text/javascript">
<!-- 
function Function1(){
  $.get("quickstart.php", { "countguest" : $("#countguest").val(), "price" : $(":radio[name=price]:checked").val()},
  function(data){
     $("#divMessage").html(data); 
  });
}
-->
</script>

</head>

<body>
	<form method="GET" action="" name="calc" onkeyup="Function1();">	
	Number1: <input id="countguest" type="text" size="10" maxlength="4" value="0" name="countguest"  />
	<br/><br/>			
	<hr/>
	<input type="radio" id="price" name="price" value="150" /> 150 <br/> 
	<input type="radio" id="price" name="price" value="200" /> 200 <br/>
	</form>
	<div id="divMessage"></div>
</body>
</html>


Часовой пояс GMT +3, время: 09:17.