Question

我有一个用于更改自动占位符的javascript代码来自change keyword。这是代码中最小的部分：

 $("#addrow").on("click", function () {

            counter = $('#myTable tr').length -1;

        var newRow = $("<tr>");
        var cols = "";
        ....
        cols += '<td><input type="text" name="keyword' + counter + '" placeholder="add keyword in here.." style="width: 425px;"/></td>';

        cols += '<td><input type="button" class="ibtnDel"  value="-"></td>';
        newRow.append(cols);
        //if (counter == 4) $('#addrow').attr('disabled', true).prop('value', "You've reached the limit");
        $("table.order-list").append(newRow);

        counter++;

        $("#list_field"+counter).change(function(){
    if ($(this).val() == 'all'){
        $("input[name=keyword]").attr('placeholder', 'add keyword in here');
    }
    else if ($(this).val() == 'chrom'){
        $("input[name=keyword]").attr('placeholder', 'ex: 8');
    } });


});

对我来说问题是如何在"$("input[name=keyword]").attr('placeholder', 'add keyword in here');"中添加变量“counter”。是这样的吗？ - ＆GT;

$("input[name=keyword]").counter.attr('placeholder', 'add keyword in here');

抱歉，我还在学习javascript。谢谢你的解决方案。

Answer 1

如果你想在占位符的文本中添加一个变量，这里是代码

var counter =1 ; 
$("input[name=keyword]").attr('placeholder', 'add keyword in here '+counter);

如果你想区别每个输入，你可以添加一个id

var counter =1 ; 
$("input[name=keyword]").attr('id', counter);

你也可以找到一个带有css选择器nth-child（number-of-item）

的元素

HTML

<input class="input" palceholder="blabla1">
<input class="input" palceholder="blabla2">
<input class="input" palceholder="blabla3">

的javascript

var counter =1 ; 
$(".inputs:nth-child("+counter+")")

在数组javascript上添加变量

1 个答案: