如何通過用戶在表單操作上的使用Javascript

提交

<body> 
    <form name="testarea" method="post" action="?URL"> 
     <input type="text" id="test1" name="URL"/> 
     <input type="submit" value="Submit"/> 
    </form> 
</body>

現在我想點擊進入網址：如何通過用戶在表單操作上的使用Javascript

使用用戶在文本框中輸入的URL
值點擊Submit即可通過形式action=''。這需要在提交時傳遞相同的URL，才能在相同的iFrame中啓動URL。

來源

2012-11-29 user1798513

您可以使用jQuery來設置表單的action屬性如下：

var url = $("#test1").val(); 
$(form).attr("action", url)

如果您無法使用jquery你可以參考下面的帖子：

http://netfactory.dk/2007/09/28/changing-a-form-submit-url-with-javascript/

來源

2012-11-29 12:02:07

您可以使用方法Get而不是Post

<body> 
<form name ="testarea" Method="Get" Action="youpage.html"> 
<input type='text' id='test1' name='URL'/> 
<input type='submit' value='Submit'/> 
</form>

UPDATE：

我不知道這是正確的，但你也可以嘗試這樣

<input type='text' id='test1' name=''/> 
<input type='button' value='Submit' onclick="window.location.href=window.location+'?'+document.getElementById('test1').value;"/>

來源

2012-11-29 12:09:27 Dineshkani

但我想通過URL的價值爲形式的行動。 – user1798513

將下面的代碼片段後您的形式：

function addListener(element, eventName, handler) { 
    if (element.addEventListener) { 
     element.addEventListener(eventName, handler, false); 
    } 
    else if (element.attachEvent) { 
     element.attachEvent('on' + eventName, handler); 
    } 
    else { 
     element['on' + eventName] = handler; 
    } 
} 

var form = document.forms['testarea']; 
var input = document.getElementById('test1'); 

addListener(form, 'submit', function() { 
    var url = input.value; 
    form.setAttribute('action', url); 
});

我的天堂」噸測試它，但它應該工作。我建議你使用像jquery這樣的庫，而不是編寫純粹的javascript。你會讓生活更輕鬆，減少交叉問題。

在jQuery的代碼應該是這樣的：

$('form[name="testarea"]').on('submit', function() { 
    var url = $('#test1').val(); 
    $(this).attr('action', url);  
});

來源

2012-11-29 12:29:53

如何通過用戶在表單操作上的使用Javascript

回答

相關問題