mootools get values

[SimonSmith]

Взял mootools от джомлы. Теперь хочу вывести значения из формы селект бокс. Делаю следующее:

<script type="text/javascript">
<!--//
window.addEvent('domready', function(){
$('calculate').addEvent('click',function() {
    a1.innerHTML = selectBox.get("value"); // get value
});
});
//-->
</script>

<form NAME="serverform" ACTION="" METHOD="GET">
<div id="content">
<div id="mySelect1">
<select name="selectBox">
       <option>Select Product</option>
    <option value="100">Intel Xeon X3440 2.53GHz(4 cores), 8MB L3 Cache, 2.50 GT/s QPI, 95W
    <option value="120">Intel Xeon X3450 2.66GHz(4 cores), 8MB L3 Cache, 2.50 GT/s QPI, 95W
    <option value="140">Intel Xeon X3460 2.8GHz(4 cores), 8MB L3 Cache, 2.50 GT/s QPI, 95W
    <option value="160">Intel Xeon X3470 2.93GHz(4 cores), 8MB L3 Cache, 2.50 GT/s QPI, 95W
</select>
</div>
</div>
<INPUT TYPE="button" id="calculate" Value="Click">
</form>
<span id="a1"></span>

С дивами я украшаю селекторы. Теперь когда я нажимаю на кнопочку WebDeveloper мне выдает ошибку: selectBox is not defined

Если использую свой mootools скаченный с офф сайта то все работает, но когда использую от джумлы то нет. Еще если использую так же свой мутулз то не работает ни красивые селекты ни топ панель :-/ Почему так?

 

[Mr.Emm]

Объект selectBox нигде не объявлен, откуда функции знать что это твой селект? наверно нужно как-то так:

$('calculate').addEvent('click',function() {
 var selectBox = $('mySelect1').getElements('select[name=selectBox]').getSelected();
   a1.innerHTML = selectBox.get("value"); // get value
});

PS. c Mootools почти не работал, совет - юзай jQuery оно быстрее=)

 

[SimonSmith]

$('mySelect1').getElements('select[name=selectBox]').getSelected() is not a function


вот так вот ((...
да с жквери не правильно работает топ панель и не могу исправить...вот и взял мутулз

 

[Mr.Emm]

посмотри может быть это старая версия мутулз и в ней нет такой функции... и еще глянь не смешал ли на одной странице джиквери и мутулз.