Как создать форму для открытия субдомена с параметрами?

Question

Это простая форма, но я не могу решить проблему.

<form action="#">Enter Your Name:<input type="text"><input type="hidden" value=".storage.tricksbygoogle.com"><input type="submit" value="Submit"> 

Я хочу, чтобы создать форму на http://storage.tricksbygoogle.com так, что когда кто-то вводит текст в форме, он должен открыть URL, соответствующий этому тексту. Например. Если «NAME» было введено, то адрес, который должен быть открыт, - http://NAME.storage.tricksbygoogle.com

Я пробовал все и не знаю, что делать сейчас.

Answer 1

Checkout этот фрагмент

$('#submit').click(function(){ 
 
    var name = $('#name').val(); 
 
    var url = $('#url').val(); 
 
    window.location.href = "http://" + name + url; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form action="#"> 
 
Enter Your Name:<input type="text" id="name"> 
 
<input type="hidden" id="url" value=".storage.tricksbygoogle.com"> 
 
<input type="submit" id="submit" value="Submit"> 
 
</form>

Answer 2

Добавить click событие на отправить button.On нажав получить значение имени и concatenate с url .С новый url к action атрибут вашего form и, наконец, submit Это.

url = $("input[type='hidden']").val(); 
 

 
$("input[type='submit']").on('click',function(){ 
 
name = $("input[type='text']").val(); 
 
finalUrl = "http://"+name+"."+url; 
 
$("#myform").attr('action',finalUrl); 
 
$("#myform").submit(); 
 
console.log(finalUrl); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form action="" id="myform"> 
 
Enter Your Name:<input type="text"> 
 
<input type="hidden" value="storage.tricksbygoogle.com"> 
 
<input type="submit" value="Submit"> 
 
</form>

Answer 3

<script> 
    $(function(){ 
      $("#submitForm").click(function(){ 

      location.href=$("#Name").val()+$("#Hiddenlink").val(); 
      }) 
    }) 
    </script> 


<form> 
Enter Your Name:<input type="text" id="Name"> 
<input type="hidden" value=".storage.tricksbygoogle.com" id="Hiddenlink"> 
    <input type="submit" value="Submit" id="submitForm"> 
</form>