帶有隨機鏈接的HTML表單動作

Question

我試圖發佈到HTML表單的action屬性中的隨機url。 我可以像下面用PHP實現這一目標，

<?php 
    $actions = array('option1.php', 'option2.php','option3.php'); 
    $which = rand(0,count($actions)-1); 
?> 
<form method="post" action="<?php echo $actions[$which]; ?>"> 

有什麼辦法，我可以只使用Javascript & HTML做到這一點。

Answer 1

您可以在表單上偵聽submit事件，並在事後將其更改爲某個隨機URL並將其從javascript提交。應該管用。

<script> 
    var myForm = document.getElementById('myform'), 
    urls = ['url1.php', 'url2.php', 'url3.php']; 

    myForm.addEventListener('submit', function(event) { 
     var randUrl = urls[Math.floor(Math.random() * urls.length)]; 
     event.preventDefault(); 
     myForm.action = randUrl; 
     myForm.submit(); 
    }); 
</script> 
<form method="post" action="someurl.php" id="myform">