如何使用 jQuery 动态更改占位符的值 onLoad 事件?
How to change placeholder's value dynamically onLoad event using jQuery?
我正在做一个项目,每次用户刷新页面时我都想更改占位符。我只想要占位符中的第 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 中完成?
希望对您有所帮助:
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
我正在做一个项目,每次用户刷新页面时我都想更改占位符。我只想要占位符中的第 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 中完成?
希望对您有所帮助:
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