Я хочу создать форму, как всплывающее окно с вводом и кнопкой. Когда я типа в входе Ex .: «хороший» и нажмите на кнопке его перейти к URL «good.mydomain.com»создать ссылку с помощью ввода и кнопки
я сделал это, но это делает работу
<html>
<form action="firstname.mydomain.com">
Go to URL:<br>
<input type="text" name="firstname" value="">.mydomain.com
<br>
<p>
<input type="submit" value="go">
</p>
</form>
</html>
Вы могли бы добиться этого с jQuery.
HTML-:
<input type="text" id="goTo" name="firstname">.mydomain.com
<input type="submit" id="myButton" value="Go">
Тогда JQuery:
$('#myButton').click(function() {
var goTo = $("#goTo").val();
window.location.href = 'http://'+goTo+'.mydomain.com/';
return false;
});
Как я могу это сделать в wordpress – kcm
, пожалуйста, попробуйте ниже код с помощью JavaScript.
<html>
<head>
<title>Submit</title>
<script>
function Submit() {
var url = "http://www." + document.getElementById("firstname").value + ".mydomain.com";
window.location.assign(url);
}
</script>
</head>
<body>
Go to URL:<br>
<input type="text" name="firstname" id="firstname" value="">.mydomain.com
<br>
<p>
<input type="button" value="go" onclick="Submit()">
</p>
</body>
</html>
Попробуйте предложение в этом вопросе: http://stackoverflow.com/questions/2701041/how-to-set-form-action-through-javascript –
возможный дубликат [Как создать кнопку HTML, что действует как ссылка?] (http://stackoverflow.com/questions/2906582/how-to-create-an-html-button-that-acts-like-a-link) –