我有 2 頁和主頁。總共3頁。我想在更改下拉串列后訪問第一頁和第二頁。我在名為main.html.
<html>
<head>
<link rel="stylesheet" href="style.css">
<script src="https://code.jquery.com/jquery-git1.min.js"></script>
<script>
$(document).on('change','.fx',function(){
document.getElementById('content').src = "firstpage.html";
document.getElementById('content').style.display = "block";
});
</script>
<style>
iframe{
height:700px;
width:700px;
display:none;
}
</style>
</head>
<body>
<select name="fx" class="fx">
<option value="empty"></option>
<option value="firstPage">1</option>
<option value="secondPage">2</option>
</select>
<iframe src="firstpage.html" id="content" >
</iframe>
</body>
</html>
我想使用 if 陳述句。
如果選擇 1 加載 firstPage.html
如果選擇 2 加載 secondtPage.html
此代碼的任何版本。
uj5u.com熱心網友回復：
請注意，值和檔案名區分大小寫，因此“第一頁”和“第一頁”不一樣！
試試這個 jQuery 代碼：
$(document).on ("change", "select.fx[name='fx']", function () {
var $select = $(this);
if ($select.val () == "firstPage") {
$("#content").attr ("src", "firstpage.html");
$("#content").show ();
}
else if ($select.val () == "secondPage") {
$("#content").attr ("src", "secondpage.html");
$("#content").show ();
}
else {
$("#content").hide ();
alert ("Page not found!");
}
});
不要做這樣的事情，因為它可能不安全：
$("#content").attr ("src", $(this).val() ".html");
uj5u.com熱心網友回復：
每當呼叫更改處理程式時，它都會傳遞一個事件，其中包含有關事件本身的相關資訊。它包括一個event.target.value屬性，您可以使用它來獲取單擊的選項。您只需將 '.html' 添加到該值并相應地設定 iframe 的 src。
<script>
$(document).on("change", ".fx", function (event) {
document.getElementById("content").src = event.target.value ".html";
document.getElementById("content").style.display = "block";
});
</script>
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/428647.html
上一篇：身體標簽溢位，不適合容器
下一篇：實作由3個按鈕觸發的3個模態