如何使用jQuery动态更改占位符的值onLoad事件?

时间:2017-10-16 07:31:22

标签: jquery html onload-event

我正在处理每次用户刷新页面时我想要更改占位符的项目。我想在占位符中只有第1到第9个位置。

<div class="control-group">
    <div class="controls">
        <div class="main_input_box">
            <label >PIN </label>
            <input class="pass" type="password" placeholder="5th" />
            <input class="pass" type="password" placeholder="2nd" />
            <input class="pass" type="password" placeholder="1st" />
        </div>
    </div>
</div>

当用户加载页面时,所有占位符的值都应该更改,类似于PHP中的rand()函数。如何在jQuery中完成?

1 个答案:

答案 0 :(得分:1)

我希望它会对你有所帮助:

var temp;
var nums = [];
$(document).ready(function () {
    $('.pass').each(function(i, obj) {
        do {
            temp = Math.floor(Math.random() * 9) + 1;

            $(this).attr("placeholder", temp);
        } while (nums.indexOf(temp) != -1);
        nums.push(temp);
    });
});

9和1最大和最小