$('#element_3').val()
Когда вы работаете с полями ввода, вам нужно использовать .val, чтобы получить их значение.
РЕДАКТИРОВАТЬ Чтобы было ясно, под "нужно использовать" я говорю, что это лучше, чем существующий код, var $months = $('#element_3'). Мои извинения, если то, как я изобразил необходимость, было неточным.
Исходя из того, что я мог собрать воедино, это то, что я придумал. Я думаю это то, что вы ищете. Если нет, я надеюсь, что это как минимум шаг к вашему решению (и поможет вам понять, как работает jQuery). Пожалуйста, прокомментируйте сообщение, если у вас есть какие-либо вопросы, и я сделаю все возможное, чтобы ответить на них.
Начните с этого: http://www.jsfiddle.net/zzd3K/3/ (рабочий пример)
[Комментированная версия]
Комментируется и работает, с исправлением # element_1 .bind () (орфографическая ошибка, "kepress" -> "keypress")
HTML
<html>
<head>
...
<script type="text/javascript">
$(function(){
$('input[name=select]').change(function(){
$('#select').text($(this).val());
});
$('#element_1').bind('keydown keyup keypress', function(){
$('#advertiserNameDisplay').html($(this).val());
});
$('#element_2').bind('keydown keyup keypress', function(){
$('#adImageDisplay').text($(this).val());
});
$('#element_3').bind('keydown keyup keypress', calcPrice);
function calcPrice(){
var months = parseInt($('#element_3').val());
if (!isNaN(months)){
var rate = 1;
if (months >= 1 && months < 3){
rate = 199;
}else if (months >= 3 && months < 6){
rate = 175;
}else{
rate = 150;
}
var price = rate * months;
$('#rate').text(rate);
$('#months').text(months);
$('#total').text(price);
}else{
$('#months').text('-');
}
}
calcPrice();
});
</script>
...
</head>
<body>
...
<fieldset>
<legend>Configured Values</legend>
<table>
<tr>
<td>Ad:</td>
<td><input type="text" name="select" value="" /></td>
</tr>
<tr>
<td>Name:</td>
<td><input type="Text" id="element_1" value="" /></td>
</tr>
<tr>
<td>Ad Image URL:</td>
<td><input type="text" id="element_2" value="" /></td>
</tr>
<tr>
<td>Months:</td>
<td><input type="text" id="element_3" value="12" /></td>
</tr>
</table>
</fieldset>
<br /><br />
<ul>
<li>Ad Selected: #<span id="select"></span></li>
<li>Your Name: <span id="advertiserNameDisplay"></span></li>
<li>Your Image URL: <span id="adImageDisplay"></span></li>
<li>Your total is $<span id="total"></span>.00 at a rate of $<span id="rate"></span>.00 per month for <span id="months"></span> months.</li>
</ul>
...
</body>
</html>
(Не обращайте внимания на набор полей, я использовал его для имитации ваших элементов управления)