ドロップダウン選択のメニューがあります!
<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にあります!なぜこのエラーが発生するのですか?