Πολύ απλή Στατική σελίδα HTML

firewalker · 18 Οκτωβρίου 2022

Σε μία drop down list πως μπορεί να μπει ένα κουμπί που όταν το πατά κάποιος να ανοίγει σε νέο tab την επιλεγμένη επιλογή; Π.χ. στο παρακάτω.

<!DOCTYPE html>
<html>
<body>

<h1>Select</h1>
<br>
<form>
<select name="Choose">
    <option value="https://.....">One</option>
    <option value="https://.....">Two</option>
  </select>
</form>
</body>
</html>

opoiosdipote · 18 Οκτωβρίου 2022

<select onchange="(this.options[this.selectedIndex].value?  window.open(this.options[this.selectedIndex].value,'_blank'):'')">
<option value='' >Select...</option>
<option value='http://www.google.com'>Google</option>
<option value='http://www.yahoo.com'>Yahoo</option>

firewalker · 18 Οκτωβρίου 2022

Αυτό είναι onchange. Υπάρχει με κουμπάκι;

node7 · 18 Οκτωβρίου 2022

Edit: Συγγνώμη που φαίνεται έτσι άσχημο αλλά δε μου επιτρέπει να εισάγω κώδικα.

Αυτό που έγραψε ο opoiosdipote με κουμπί δίπλα στο select:

Αναφορά σε κείμενο

<select id="selectField">

<option value="">Select...</option>

<option value="http://www.google.com">Google</option>

<option value="http://www.yahoo.com">Yahoo</option>

</select>

<button onclick="openPage('selectField')">Go</button>

<script>

const openPage = (id) => {

const selectionField = document.getElementById(id)

selectionField.options.selectedIndex

? window.open(

selectionField.options[selectionField.options.selectedIndex]

.value,

"_blank"

)

: ""

};

</script>

Επεξ/σία 18 Οκτωβρίου 2022 από node7

firewalker · 18 Οκτωβρίου 2022

Ευχαριστώ!!!

Σύνδεση

Πολύ απλή Στατική σελίδα HTML

Προτεινόμενες αναρτήσεις

firewalker

opoiosdipote

firewalker

node7

firewalker

Δημιουργήστε ένα λογαριασμό ή συνδεθείτε για να σχολιάσετε

Δημιουργία λογαριασμού

Σύνδεση

Σύνδεση