Question

我有一个文本框，并且有超链接＆＃34;添加更多＆＃34;一个＆＃34;删除＆＃34;文本框右侧的按钮图像。点击＆＃34;添加更多＆＃34;链接，我想要一个与＃34相同的新文本框;添加更多＆＃34;一个＆＃34;删除＆＃34;文本框右侧的按钮图像。我尝试下面的代码，这段代码不起作用。我需要相同的＆＃34;添加更多＆＃34;链接和＆＃34;删除＆＃34;按钮图像以及点击每个＆＃34的文本框;添加更多＆＃34;我的VM（速度）文件中的代码如下所示：

<td class="GMsearchstCol" nowrap="nowrap"> 
   <div id="emails"> 
       <input type="text" name="$ {emailId}.value" value="$!{emailId}" class='GMtradeSearch' size='80'" id="${emailId}.value"/> &nbsp&nbsp 
       <img align= "center" src="$themeUrl/img/icn_Delete.png" onclick="deleteMail(this)"> &nbsp&nbsp 
       <a href="javascript:addMore()" class="hyperLink" > add More</a>
   </div>
 </td>

js（javascript）文件中的代码如下所示：

var numAdd = 0;
var addMore = function() {
    if (numAdd >= 10) return;
    $('#emails').append('<br><input type="text" class="GMtradeSearch" size="80"/> <img align= "center" src="$themeUrl/img/icn_Delete.png" onclick="deleteMail(this)"/> <a href="javascript:addMore()" class="hyperLink" > add More </a>');

  numAdd++;
 };
var deleteMail = function(btn) {
    $(btn).parent().remove();
};

虽然如果我只使用下面的一段代码，我会在点击＆＃34时收到一个文本框;添加更多＆＃34;超链接。

var addMore = function() {
    if (numAdd >= 10) return;
    $('#emails').append('<br><input type="text" class="GMtradeSearch" size="80"/>');    
 numAdd++;
 };

你们中的任何人都可以帮忙解决这个问题吗？

单击“添加更多”链接时需要两个图像

0 个答案: