javascript - 在每个 div 上单击时动态添加 ids

标签 javascript php jquery

我有一个具有固定值的输入字段,并且有一些具有相同类名和不同 id 的 div。因此,当我按下 div 时,我尝试将固定值中的每个 id 添加到输入字段中。

例如:

<input name="yourcode" type="text" id="yourcode" value="http://www.domain.com/myfile.php?ids=" />

因此,当我按下每个 div 时,我想在输入值中添加用逗号分隔的 id。

例如

<input name="yourcode" type="text" id="yourcode" value="http://www.domain.com/myfile.php?ids=1,2,3,4,5,6" />

我的<div>'s看起来像:

<div class="s" id="1"></div>
<div class="s" id="2"></div>
<div class="s" id="3"></div>
<div class="s" id="4"></div>
<div class="s" id="5"></div>

我使用下面的代码来获取单击的 div:

<script type="text/javascript">
$(document).ready(function () {
    $(".s").click(function () {
        var theid = $(this).attr("id");
        alert(theid);
    });
});
</script>

最佳答案

更改您的代码,例如:

<script type="text/javascript">
    $(document).ready(function() {
        var clickedIDs = "";
        $(".s").click(function(){
            clickedIDs += $(this).attr("id");
            alert(clickedIDs);
        });
    });
</script>

目前您只是提醒当前点击的 ID。这会将当前点击的 id 附加到之前点击的 id 字符串并发出警报。

希望有帮助。

关于javascript - 在每个 div 上单击时动态添加 ids,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20761043/

相关文章:

javascript - 方法 Set.prototype.add 在不兼容的接收器上调用 undefined

javascript - 仅在 chrome 上转换缩放文本模糊

php - 通过 sFTP 在远程开发服务器上处理 PHP 项目

php - Laravel 5 邮箱重置密码

Jquery DOB 输入要验证的字段

javascript - 用 sin 或 cos 计算三 Angular 形的 Angular

javascript - .Net Core PartialView 中的分页

php - 没有PHP日志

javascript - 清除 setTimeout 问题

jquery - 使用闭包编译器删除 jQuery 中未使用的部分