Question

我有一个带有一些固定值的输入字段，我有一些具有相同类名和不同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>

Answer 1

更改您的代码，如：

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

目前，您只是提醒当前点击的ID。这会将当前点击的ID附加到之前点击的ID字符串并提醒它。

希望有所帮助。

Answer 2

<script type="text/javascript">
var ids = [];
$(document).ready(function () {
    $(".s").click(function () {
        var id = $(this).attr("id");
        if(ids.indexOf(id) === -1) {
           ids.push(id);
           $('#yourcode').val("http://www.domain.com/myfile.php?ids=" + ids.toString());
        }
    });
});
</script>

Answer 3

$(".s").click(function(){
    var theid = $(this).attr("id");
    var currentVal = $('yourInputfield').val();
    $('yourInputfield').val(currentVal+','+theid );
});

添加ID动态点击每个div

3 个答案: