0

私は、ランダムな文字列を生成するボタンを作成し、別のボタンを使用してクエリ文字列として URL に追加する小さなプロジェクトに取り組んでいます。ランダム文字列ジェネレーターは完成しましたが、URL に添付するボタンを作成するのに苦労しています。これを達成するための最良の方法は何だろうと思っていました。

これが私がこれまでに持っているものです：

    <!DOCTYPE html>
    <html>
    <body>

    <h1>HTML PROJECT</h1>

    <script lauguage="javascript" type="text/javascript">
    function randomString() {
        var chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz"
        var string_length = 10;
        var randomstring = '';
        for (var i=0; i<string_length; i++) {
            var rnum = Math.floor(Math.random() * chars.length);
            randomstring += chars.substring(rnum,rnum+1);
        }
        document.getElementById("randomfield").value = randomstring;
    }
    </script>
    <fieldset>
    <h1>Generate String!</h1>
    <form name="randform" >
    <input type="button" value="Generate" onClick="randomString();">
    <input type="text" name="randomfield" id="randomfield" value="" disabled>
    </form>
    </fieldset>
    <script>
    var url = file:///I:/completed!.htm? + text; 
    </script>
    <fieldset>    
    <h1>Now press the button below to place the string on the URL!</h1>
    <form action= file:///I:/completed!.htm" + randomString()' >
      <button type="submit">String Me!</button>
    </form>
    </fieldset>
    </body>
    </html>
4

3 に答える 3

1

HTML

<h1>HTML PROJECT</h1>
<fieldset>
    <h1>Generate String!</h1>
    <form name="randform" >
        <input type="button" value="Generate" id = "generate"/>
        <input type="text" name="randomfield" id="randomfield" value="" disabled ></input>
    </form>
</fieldset>
<fieldset>    
    <h1>Now press the button below to place the string on the URL!</h1>
    <form name="myform">
      <button type="submit">String Me!</button>
    </form>
</fieldset>

JS

var url;
var btn = document.getElementById('generate');
generate.addEventListener('click', function(){
    var chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
    var string_length = 10;
    var randomstring = '';
    for (var i=0; i<string_length; i++) {
        var rnum = Math.floor(Math.random() * chars.length);
        randomstring += chars.substring(rnum,rnum+1);
    }
    document.getElementById("randomfield").value = randomstring;
    url = 'file:///I:/completed!.htm?'+randomstring;
    document.myform.action = url;
});
document.myform.addEventListener('submit', function(){
    alert(this.action);
});

実施例

于 2013-10-10T20:46:42.737 に答える
0

必要に応じて、window.location または get ajax リクエストを使用します。

于 2013-10-10T20:28:11.280 に答える
-2 
$(".searchButton").click(function(){
var textVal = $("input:text[name=InputBox]").val();

value = "t=" + textVal;
location.href = "yourURL" + value;
});
于 2013-10-10T20:27:24.703 に答える