如何从脚本获取数据并以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在此示例中使用特殊效果。 我相信您可以使用“出现”和“隐藏”，并且当然可以缩短播放时间，以免出现任何动画。