0

我在下面有一个函数,当单击“添加”按钮时将内容添加到单个文本区域时,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;
} 

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

下面是显示附加的文本区域和加号按钮的代码:

    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”按钮。当用户单击“添加”按钮时,它会将“问题内容”添加到顶部的单个文本区域中,但不会添加到附加的多个文本区域中。

  <?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;

            ?> 

你可以在这里查看申请。请按照以下步骤使用该应用程序:

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

如果您在顶部 textarea (水平线上方的那个)中执行了这些步骤,那么它确实有效,但它不适用于您刚刚添加的 textarea

4

1 回答 1

1

您的错误之一:

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

您在页面中使用 jQuery 1.7,该.live方法自 jQuery 以来已被弃用1.7。你应该.on改用。

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

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

没有将任何元素作为参数传递给您的plusbutton函数将存储在您plusbutton_clicked期望的全局变量中。那时没有对单击的元素的引用,因此当您在函数中使用plusbutton_clickedvar时,它不会找到任何元素。addwindow

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

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

于 2012-06-02T01:27:02.023 回答