ΑΠΟΕΛ

Νεότερο

by giorgoskey

HTML

<p id="your_name">YOUR NAME</p>
<p id="your_number">?</p>
<form name="cityselect" onsubmit="return redirectTo(this)">

<input type="text" class="max-inputs" placeholder="Name (max 24 characters)" id="txtFirst" maxlength = "24" onkeyup="populateSecondTextBox();" />

<input type="text" class="max-inputs" placeholder="Number (max 2 characters)" id="txtSecond" onkeypress="return event.charCode >= 48 && event.charCode <= 57" maxlength = "2" onkeyup="populateNumberTextBox();" />

<select name="shirts" id="shirts" class="max-inputs">
    <option value="https://dummy.net/product/men-s-home-jersey-21-22/">Home Adult Shirt</option>
    <option value="https://dummy.nxcli.net/product/men-s-away-jersey-21-22/">Away Adult Shirt</option>
    <option value="https://dummy.nxcli.net/product/kid-s-home-jersey-21-22/">Home Kid Shirt</option>
    <option value="https://dummy.nxcli.net/product/kid-s-away-jersey-21-22/">Away Kid Shirt</option>
</select>

<input type="submit" id="goBtn" value="BUY THIS SHIRT" class="max-inputs" />
</form>

JavaScript

function populateSecondTextBox() {
var p = document.getElementById('your_name');
var txt = document.getElementById('txtFirst');
p.textContent = txt.value;
}

function populateNumberTextBox() {
var p = document.getElementById('your_number');
var txt = document.getElementById('txtSecond');
p.textContent = txt.value;
}
  
var goBtn = document.getElementById("goBtn");
var shirts = document.getElementById("shirts");

goBtn.onclick = function() {
  window.location = shirts.value;
}