Jquery Kwicks развернуть панель по форме выбора
У меня есть меню с выпадающим меню выбора!
<select name="category" id="category" required><option value="0">Choose</option><button type="button" onclick="javascript:formsubmit();">Keres</button>
И продолжить со значением. У меня есть панель Kwicks с этим:
<div class='kwicks kwicks-horizontal'>
<a href='#' id='kwick1' onclick="javascript:playerrl(1);"></a>
<a href='#' id='kwick2' onclick="javascript:playerrl(2);"></a>
<a href='#' id='kwick3' onclick="javascript:playerrl(3);"></a>
<a href='#' id='kwick4' onclick="javascript:playerrl(4);"></a>
<a href='#' id='kwick5' onclick="javascript:playerrl(5);"></a>
<a href='#' id='kwick6' onclick="javascript:playerrl(6);"></a>
<a href='#' id='kwick7' onclick="javascript:playerrl(7);"></a>
</div>
И у меня есть событие JavaScript в моей форме с моим меню выбора:
<script>
function formsubmit(){
var cat = document.getElementById("category").value;
var search = document.getElementById("search").value;
var iframe = document.getElementById("player");
$(container).kwicks('expand', cat);
iframe.src = "video/index.php?keres="+search+"&category="+cat;
}
</script>
Он проверяет выбранное значение, изменяет iframe src и теперь не работает расширение панели kwicks с выбранным значением! Firebug говорит:
ReferenceError: container is not defined
Но это в kwicks.js! Почему я получаю эту ошибку?
1 ответ
Решение
container
не определено, потому что вы нигде не объявили это. Судя по вашему коду, похоже, что вам нужно
$('.kwicks').kwicks('expand', cat);
... при условии, что cat
будет действительным индексом панели.
Редактировать: также, вы вставили все свои <select>
Разметка? То, что вы вставили, не является верной разметкой <select>
не закрыто