第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

顯示基于單選按鈕的div(帶POST)

顯示基于單選按鈕的div(帶POST)

回首憶惘然 2024-01-18 09:58:12
我知道有很多類似的問題,但我一直無法找到完全符合我的想法的問題。我在第一頁(和其他內(nèi)容)上有一個單選按鈕,還有一個將一些數(shù)據(jù)發(fā)布到另一個頁面的提交按鈕。在第二頁上,我有 2 個 div,如果在第一頁上選擇了 option1,我想顯示 div1,如果選擇了 option2,則顯示 div2??雌饋砗芎唵?,但我遇到了麻煩。有人可以幫我嗎?這是我的代碼:第1頁<form method=post action='page2.php'>  <input type="radio" id="option1" value="option1" name="options">  <input type="radio" id="option2" value="option2" name="options">  <button>Submit</button></form>第2頁<?php $options = $_POST['options']; ?><div id="Div1" style="display: none"></div><div id="Div2" style="display: none"></div>JS$(function() { if ($options == 'option1') {  document.getElementById(Div1).style.display = "block";  document.getElementById(Div2).style.display = "none"; } else if ($options == 'option1') {  document.getElementById(Div2).style.display = "block";  document.getElementById(Div1).style.display = "none"; } return false;});
查看完整描述

1 回答

?
瀟瀟雨雨

TA貢獻(xiàn)1833條經(jīng)驗 獲得超4個贊

使用php echo是將 PHP 變量傳遞給客戶端 javascript 的一種方法:


<?php $options = $_POST['options']; ?>

<div id="Div1" style="display: none"></div>

<div id="Div2" style="display: none"></div>

<script>

  $(function() {

   var $options = "<?php echo $options ?>"

   if ($options == 'option1') {

    document.getElementById(Div1).style.display = "block";

    document.getElementById(Div2).style.display = "none";

   }

   else if ($options == 'option1') {

    document.getElementById(Div2).style.display = "block";

    document.getElementById(Div1).style.display = "none";

   }

   return false;

  });

</script>

或者,您可以完全消除 javascript 和用戶服務(wù)器端邏輯以僅呈現(xiàn)所需的 div:


<?php $options = $_POST['options'];

    if ($options == "option1"){

        echo "<div id='Div1'></div>"; 

    } else {

        echo "<div id='Div2'></div>";

    }

?>


查看完整回答
反對 回復(fù) 2024-01-18
  • 1 回答
  • 0 關(guān)注
  • 127 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號