Jquery Kwicks Onselect 양식으로 패널 확장

Question

드롭 다운 메뉴가 있습니다!

<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> 

을 그리고 내 선택 메뉴를 내 양식에 자바 스크립트 이벤트를 가지고,

    <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 패널을 확장 중입니다! 방화범이 말한다 :

ReferenceError: container is not defined 

그러나 그것은 kwicks.js에있다! 왜이 오류가 발생합니까?

Answer 1

container은 아무 곳에서도 선언하지 않았기 때문에 정의되지 않았습니다. 그것은 당신이 필요가있는 무엇과 같은 코드에서 판단하는 것은 cat가 유효한 패널 인덱스 될 것입니다 가정 ...

$('.kwicks').kwicks('expand', cat);

입니다.

---

편집 : 또한, 당신은 당신의 <select> 마크 업을 모두 붙여습니까? <select>이 (가) 닫히지 않았으므로 붙여 넣은 항목이 유효한 마크 업이 아닙니다.