Question

我在下面有一个函数，当单击“添加”按钮时，if语句在单个文本区域中添加内容时起作用：

function addwindow(questionText) { 

    if(window.console) console.log();

    if($(plusbutton_clicked).attr('id')=='mainPlusbutton') { 
        $('#mainTextarea').val(questionText); 
        } else { 
            $(plusbutton_clicked).parent('td').next('td.question').find('textarea.textAreaQuestion').val(questionText);
            }

    $.modal.close(); 
    return false;
}

问题是当在一个附加的textareas中添加内容时，else语句不起作用。我想要的是，如果用户单击加号按钮并通过单击“添加”按钮添加内容，则与单击的加号按钮属于同一行的文本区域将添加内容。为了做到这一点，我需要改变什么？

下面是代码，显示附加的textareas和加号按钮：

    var plusbutton_clicked;

 function insertQuestion(form) {


var $tbody = $('#qandatbl > tbody'); 
var $tr = $("<tr class='optionAndAnswer' align='center'></tr>");
var $plusrow = $("<td class='plusrow'></td>");
var $question = $("<td class='question'></td>");


 $('.questionTextArea').each( function() {

 var $this = $(this);
var $questionText = $("<textarea class='textAreaQuestion'></textarea>").attr('name',$this.attr('name')+"[]")
.attr('value',$this.val());

 $question.append($questionText);

});

 $('.plusimage').each( function() {

var $this = $(this);
var $plusimagerow = $("<a onclick='return plusbutton();'><img src='Images/plussign.jpg' width='30' height='30' alt='Look Up Previous Question' class='imageplus'/></a>").attr('name',$this.attr('name')+"[]")
.attr('value',$this.val());

$plusrow.append($plusimagerow);

 });

$tr.append($plusrow);
$tr.append($question);
$tbody.append($tr);                     

}

下面是php代码，它显示每行的“QuestionContent”和“Add”按钮。当用户点击“添加”按钮时，它会将“QuestionContent”添加到顶部的单个textarea中，但不会添加到附加的多个textareas中。

  <?php

    $output = "";

            while ($questionrow = mysql_fetch_assoc($questionresult)) {
    $output .= "
    <table>
          <tr>
          <td class='addtd'><button type='button' class='add' onclick='parent.addwindow();'>Add</button></td>
          </tr>";
            }
            $output .= "        </table>";

            echo $output;

            ?>

您可以查看应用here。请按照步骤使用该应用程序：

点击“添加问题”按钮，然后在新行中添加文本区域。
点击您刚添加的表格行中的“绿色加号”按钮，将出现一个模态窗口。
在模态窗口中显示搜索栏，在搜索栏中输入“AAA”并点击“搜索”按钮
搜索结果会出现，点击“添加”按钮添加一行。您会发现模态窗口已关闭，但“问题”字段中的内容未添加到您在绿色加号按钮上单击的行内的文本区域中

如果您在顶部textarea（水平线上方的那个）中执行了步骤，那么它确实有效，它只对您刚添加的textarea不起作用

Answer 1

您的一个错误：

$('.plusimage').live('click', function() {
    plusbutton($(this));
});

您在页面中使用了jQuery 1.7，自{jQuery .live以来已弃用1.7方法。您应该使用.on代替。

您还在生成的链接中触发了plusbutton功能：

<a value="" name="plusbuttonrow[]" onclick="return plusbutton();">

未将任何元素作为参数传递给plusbutton函数，并将其存储在您期望的全局变量plusbutton_clicked中。之后没有对clicked元素的引用，因此当您在plusbutton_clicked函数中使用addwindow var时，它找不到任何元素。

保持.on方法或上面的onclick调用，以防止函数被触发两次。

也可能存在其他错误（例如，您正在检查动态生成的元素不存在的id属性），但这是主要的。另外，我想知道你是否有任何截止日期，这是我在过去3周内第10次看到这个问题。至少你取得了一些进展，恭喜。

else语句不将内容添加到textarea中

1 个答案: