Javascript jQuery通过attr更改ID，然后调用它
我正在用PHP为我的URL缩短器网站创建一个UserCP，但是我已经停止了，因为我现在遇到了一个我无法解决的小问题 我想让用户通过使用Javascript的库Jquery轻松地更新URL。到目前为止，如果单击“编辑”按钮（见下文），文本将变成文本字段，因此它是可编辑的！这很好。在将其转换为文本字段的过程中，我使用attr（）函数更改将文本转换为文本字段的按钮的类名和ID。使用我分配的新ID将向PHP脚本发送$.POST。我希望您理解，我将显示下面的代码供您查看Javascript jQuery通过attr更改ID，然后调用它,javascript,jquery,attr,Javascript,Jquery,Attr,我正在用PHP为我的URL缩短器网站创建一个UserCP，但是我已经停止了，因为我现在遇到了一个我无法解决的小问题 我想让用户通过使用Javascript的库Jquery轻松地更新URL。到目前为止，如果单击“编辑”按钮（见下文），文本将变成文本字段，因此它是可编辑的！这很好。在将其转换为文本字段的过程中，我使用attr（）函数更改将文本转换为文本字段的按钮的类名和ID。使用我分配的新ID将向PHP脚本发送$.POST。我希望您理解，我将显示下面的代码供您查看 <?php while($l
<?php while($list = $listURLs->fetch_array()) { ?>
<td id="longURL<?= $list['ID']; ?>"><a rel="tooltip" title="<?= $list['longURL']; ?>" target="_blank" href="<?= $list['longURL']; ?>"><?= substr($list['longURL'],0,25); ?></a></td>
<td id="shortURL<?= $list['ID']; ?>"><input type='text' class='span2' onmouseover="(this.select())" value='http://smurl.es/<?= $list['shortURL']; ?>'/></td>
<td><?= $list['type']; ?></td>
<td><?= $time; ?></td>
<td><?= $list['hits']; ?></td>
<td><button id="edit<?= $list['ID']; ?>" class='btn btn-warning btn-small' rel='tooltip' title='Edit'><i class="icon icon-edit"></i></button> <button id="del<?= $list['ID']; ?>" class='btn btn-danger btn-small' rel='tooltip' title='Delete'><i class="icon icon-trash"></i></button></td>
</tr>
<script type="text/javascript">
$("button#edit<?= $list['ID']; ?>").click(function() {
$('#longURL<?= $list['ID']; ?>').html("<input type='text' value='<?= $list['longURL']; ?>' />");
$('#shortURL<?= $list['ID']; ?>').html("<div class='input-prepend'><span class='add-on'>http://smurl.es/</span><input id='prependedInput' type='text' value='<?= $list['shortURL']; ?>' class='span1' /></div>");
$("button#edit<?= $list['ID']; ?>").attr({"class": "btn btn-info btn-small test", "data-original-title": "Click to Save", "id": "save<?= $list['ID']; ?>"});
});
$('button#save<?= $list['ID']; ?>').click(function() {
alert("testing - DEBUG"); // Save code here
});
</script>
<?php
}
}
?>
我检查了控制台，没有发现任何错误 您必须使用
事件防止默认的onclick
-行为。preventDefault$("button#edit<?= $list['ID']; ?>").click(function(e) {
e.preventDefault();
$('#longURL<?= $list['ID']; ?>').html("<input type='text' value='<?= $list['longURL']; ?>' />");
$('#shortURL<?= $list['ID']; ?>').html("<div class='input-prepend'><span class='add-on'>http://smurl.es/</span><input id='prependedInput' type='text' value='<?= $list['shortURL']; ?>' class='span1' /></div>");
$("button#edit<?= $list['ID']; ?>").attr({"class": "btn btn-info btn-small test", "data-original-title": "Click to Save", "id": "save<?= $list['ID']; ?>"});
});
$（“编辑按钮”）。单击（功能（e）{
e、 预防默认值（）；
$（'#longURL'）.html（“”.attr（{“类”：“btn btn信息btn小型测试”，“数据原始标题”：“单击保存”，“id”：“保存”}）；
});