J'essaye de créer une liste déroulante qui est pour un site Web de nouvelles.Liste déroulante, afficher
Si l'utilisateur sélectionne 1 dans la liste déroulante,
la page affiche un id correspond à 1
si l'utilisateur sélectionner 2
la page affiche un id correspond à 2
possible ? S'il vous plaît des conseils et soumettre des tutoriels.
Merci,
Cordialement, Aide!
Mmm. Vous aurez besoin d'AJAX
Ici vous avez un lien pour commencer:
http://www.ajaxprojects.com/ajax/tutorialdetails.php?itemid=10
Hope this helps. Cheers
vous pouvez simplement utiliser les méthodes de sélection jquery vérifier option ci-dessous.
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.js"></script>
<script type="text/javascript">
$(document).ready(function() {
function display() {
var Values = $("#drop").val();
alert(Values);
}
$("select").change(display);
})
</script>
</head>
<body>
<select id="drop">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</body>
</html>
je le ferais de cette façon: http://jsfiddle.net/lnrb0b/Tq8Ag/
Au moins, l'utilisateur ne sera pas obtenir une boîte de sélection non valide si javascript est désactivé ou une erreur se produit, etc.
espoir qui aide!
s'il vous plaît noter que je suis en utilisant jQuery ici - je pense que ce sera très utile pour vous
Vous pouvez utiliser value:
var submitButton = document.getElementById("submit");
var thankyouLetter = document.getElementById("thankyou-letter");
var submitIt = function() {
var rating = document.getElementById("rating").value;
if (rating === "1") {
thankyou = "I'm so sad! A 1?";
}
else if (rating === "2") {
thankyou = "So little?";
}
else if (rating === "3") {
thankyou = "Thanks.";
}
else if (rating === "4") {
thankyou = "Thank you!";
}
else if (rating === "5") {
thankyou = "Awesome!!!!!";
}
else {
thankyou = "You need to rate!";
}
thankyouLetter.innerHTML = thankyou;
};
submitButton.addEventListener("click", submitIt);<label>What rating?
<select id = "rating">
<option value = "xxx">---</option>
<option value = "1">1</option>
<option value = "2">2</option>
<option value = "3">3</option>
<option value = "4">4</option>
<option value = "5">5</option>
</select>
</label>
<button id = "submit">Submit</button>
<p><span id = "thankyou-letter"></span><p>Ceci est juste une exemple d'une note, puis un peu "lettre de remerciement". Un value signifie que vous n'avez pas à faire .value et getElementById tout le temps, mais vous devez toujours en faire.
Eh bien, vous aurez besoin d'un peu plus de html. Je conseille de commencer avec PHP, seulement parce qu'il est facile d'apprendre la base. [Php pour débutant] (http://devzone.zend.com/article/627-PHP-101-PHP-For-the-Absolute-Beginner) – Ibu
tout autre moyen à côté de php? Je pense qu'il est possible d'utiliser javascript –
oui, vous pouvez le faire en javascript aussi. Vous avez juste besoin d'ajouter un événement onchange à votre liste déroulante. – Ibu