如何提交从列表中随机选择的非重复变量

时间:2013-12-13 17:30:54

标签: javascript html forms

我有一个网页,无论何时加载页面,都会在输入字段中自动提交值“val”:

<form method="post" action="website.com/xxxx">
<input type="text" name="t" style="width:250px" value="val">
<button type="submit"><p>Submit<img src="submit.png" style="width:32px;vertical-align:middle"></p></button>
</form>
<SCRIPT LANGUAGE="JavaScript">document.forms[0].submit();</SCRIPT>

如何使用从列表中选择的非重复变量(txt文件或html代码中)自动替换“val”?比如我想提交 val1,val2,val3等等。每次加载页面时,它从该列表中选择一个值,然后继续重新加载,直到它提交所有值而不重复任何值。 另外,如何从外部源(如txt文件)中检索值? 我如何将值嵌入到html代码中,以便不需要从文件中检索值?


编辑: 好的我发现“由于安全限制,可能不允许客户端脚本访问Web浏览器应用程序之外的用户计算机”,所以我想将值列表嵌入到html代码中。

2 个答案:

答案 0 :(得分:0)

如果您使用jQuery,这将(在脚本标记中):

$("form > input[name='t']").val("something-"+Math.random());

如果您需要序列编号,请考虑使用Cookie。此外,如果要确保两次都不会出现任何值,则可以使用当前的毫秒:

function msec() {var w=new Date();var n=w.getTime();return n;}
$("form > input[name='t']").val("something-"+msec());

希望这有帮助。

答案 1 :(得分:0)

首先,在&lt; head&gt;之间包含jQuery。和&lt; / head&gt;。

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

宣布你的名单。

arr = ['val1', 'val2', 'val3', 'val4', 'val5'];

现在,提交表单时,我们通过AJAX($.post(...))提交。

$('form').on('submit', function( event ) {
    event.preventDefault();
    $('#t').val(arr.pop());
    $.post('xxxx.php', $(this).serialize());
});

您可以看到发送到服务器的值为val5val4,...,val1

在此尝试:http://jsfiddle.net/4McNm/