如何從腳本獲取數據並以php形式顯示（對話框）？

Question

我有一個要求

<div class="button" id="room_open" value="<?php echo $Records['room_id'];?>" onclick="tappedOnRoom(<?php echo $Records['room_id'].","."'".$Records['room_status']."'".","."'".$Records['block_num']."'";?>)"><?php echo $Records['block_num']."-".$Records['room_id'];?></div>

我的腳本是：

function tappedOnRoom(id,status,block){                     
if(status == 'Open')            
   {                
      $(function() {
         $( "#dialog" ).dialog({ title: "Book a Room",width: 835, height:300});
       });
    }
}

因此，當單擊我的div時，腳本將檢查status ，如果status為“ 打開 ”，則會在對話框中打開一個窗體。 因此，我的要求是我需要動態顯示block_num和room_id 。

我的表格包含：

<output type="text" id="blockNum" name="blockNum" class="span6" value=""/>
<output type="text" id="roomNum" name="roomNum" class="span6" value=""/>

現在，我想在上述輸出類型中顯示block和status 。

Answer 1

看起來您正在將其傳遞給函數。 因此，使用JQuery會很容易。

在您的tappedOnRoom函數中：

$(function() {
    $( "#dialog" ).dialog({ title: "Book a Room",width: 835, height:300});
    $("#blockNum").val(block);
    $("#roomNum").val(status);
}

您可能還想看看此示例 ，以另一種方式編寫它。

編輯

我建議您不要使用輸出標簽。 老實說，它不是我使用過的標簽，也不是我看到的示例，因此它們似乎確實是為簡單計算而設計的。 此外，Internet Explorer不支持它們。 雖然大多數人不再使用IE，並且當提到瀏覽器時，開發人員往往會准備好各種各樣的憤怒詞，但事實是您仍在使應用程序對許多人不可用。

因此，相反，我建議您使用在所有瀏覽器上都可以使用的<span>或<div>標記，並且可以將Jquery輕松插入其中，只需將輸出標記替換為以下內容：

<div id="blockNum" name="blockNum" class="span6"> </div>
<div id="roomNum" name="roomNum" class="span6"> </div>

然后，您可以將JQuery修改為以下形式：

$(function() {
    $( "#dialog" ).dialog({ title: "Book a Room",width: 835, height:300});
    $("#blockNum").text(block);
    $("#roomNum").text(status);
}

關於div的隱藏，這主要是一個CSS問題，盡管您可以使用JQuery對CSS進行實際編程。 對我來說不清楚，您實際上並沒有將對話部分降低到隱藏的程度。 我做了快速搜索，發現這個看起來像它正是你想要的-剛剛替補JQuery的#opener的#room_open 。 它利用.dialog的show功能。

PS在此示例中使用特殊效果。 我相信您可以使用“出現”和“隱藏”，並且當然可以縮短播放時間，以免出現任何動畫。