如何访问livequery检测到的元素的值

时间:2012-08-08 06:31:01

标签: php jquery

我正在使用$ _SESSION在页面重定向的情况下传回一个值。

由于jquery无法访问$ _SESSION,我决定使用PHP将值输出到隐藏的div,并在获取值后删除该div。我希望有一种更简洁的方法来做到这一点,但我不知道如何将$ _SESSION变量暴露给jquery。

<?php       
    $pass_Back = $session->get_Pass_Back();
    $session->clear_Pass_Back();
?>

<?php
    if (count($pass_Back) != 0){
        echo "<input class=\"field_Input_Left\" id=\"schedule_Description\" type=\"text\" name=\"schedule_Description\" value=\"" . array_shift($pass_Back) . "\"/><br />";
        echo "<div id=\"pass_Back\" style=\"visibilty: hidden;\" ></div>";
    } else {    
        echo "<input class=\"field_Input_Left\" id=\"schedule_Description\" type=\"text\" name=\"schedule_Description\"/><br />";
    }
?>

一旦完成,我需要一种方法让jquery知道这个新元素是否以及何时被添加到DOM中。因此,我使用插件livequery来匹配元素添加时。这很棒。

但是当我尝试访问div中的值时,它表明它是未定义的。

$("#pass_Back").livequery(function(){
    if ($("#class_Name").val() != 0){
        var class_Name = $("#class_Name").val();
        get_Schedule_Data(class_Name);
    } else {
        var class_Name = "ALL";
        get_Schedule_Data(class_Name);
    }   


    $value = $(this).attr("value");
    auto_Fill_Schedule($("#pass_Back").attr("value"));

    // destroy pass back

    $("#pass_Back").remove();
});

在firebug中查看时我注意到,在livequery找到添加的元素时,不会显示html。 DOM准备就绪,否则实时查询无法运行,但这是为什么没有找到值?

感激地收到任何指导。

2 个答案:

答案 0 :(得分:1)

请勿使用此<:strong>

$value = $(this).attr("value");

执行以下操作以获取值(在大多数情况下为输入):

(假设$(this)是您的输入)

$value = $(this).val();

对于div个案例,没有value,但您可以从内部获取htmltext作为值:

(假设$(this)是你的div)

$value = $(this).html();
//or:
$value = $(this).text();

只知道......

您可以将PHP与jQuery混合使用,但请仔细阅读本文中的回答以便更好地理解:

Is echoing Javascript code condtionally based on server-side logic considered harmful?

答案 1 :(得分:1)

只要你没有输出整个$ _SESSION数组,或任何重要的数组,你就可以了:

<?php       
    $pass_Back = $session->get_Pass_Back();
    $session->clear_Pass_Back();

    if (count($pass_Back) != 0){
        echo '<div id="passBack" type="text" value="'.implode(",", array_shift($pass_Back)).'" />';
    }
 ?>

JS

 $(function() {
     if ($("#passBack").length) {
         //element exists in DOM, get the value
         var passBack_data = this.value;
         //do something with the value
     }
 });

输出元素并确保它是一个字符串,而不是一个数组(我使用implode()),并在pageload上查看它是否存在(有长度),并获取值。