La liaison de zone de liste déroulante (JQuery de préférence)

Je me demande si quelqu'un a une expérience en utilisant un plugin JQuery qui convertit html 

<select> 
  <option> Blah </option> 
</select>

de zone de liste déroulante dans quelque chose (probablement un div) où la sélection d'un élément agit de la même que de cliquer sur un lien.

Je suppose que vous pourriez probablement utiliser javascript pour gérer un événement de sélection (mon javascript connaissances est un peu dans un état de délabrement avancé pour le moment) et de "basculer" sur la valeur de la combo, mais il semble que plus d'un hack.

De vos conseils, de l'expérience et des recommandations sont appréciés.

InformationsquelleAutor Matt Mitchell | 2008-09-08
  1. 8

    La solution la plus simple est d'utiliser

    $("#mySelect").change(function() {
  document.location = this.value;
});

    Cela crée un événement onchange sur le select case qui vous redirige vers l'url stockée dans le champ valeur de l'option sélectionnée.

    InformationsquelleAutor Erlend Halvorsen
  2. 2

    Je ne suis pas sûr de l'endroit où vous souhaitez mettre un lien vers lorsque vous cliquez sur le Div, mais vu quelque chose comme cela serait peut-être de travail:

    <select id="mySelect">
  <option value="1">Option 1</option>
  <option value="2">Option 2</options>
</select>
<div id="myDiv"/>

    et la suite de JQuery permet de créer une liste de <div> éléments, l'un va à une URL basée sur la valeur de l'option:

    $("#mySelect option").each(function() {
    $("<div>" + $(this).text() + "</div>").appendTo($("#myDiv")).bind("click", $(this).val(), function(event) {
        location.href = "goto.php?id=" + event.data;
    });
});
$("#mySelect").remove();

    Est-ce à faire ce que vous voulez?

    InformationsquelleAutor samjudson
  3. 1

    Si vous allez avoir beaucoup de sélectionner les cases à cocher que vous souhaitez autoriser à utiliser comme les redirections, sans avoir à définir de manière indépendante, essayez quelque chose de similaire à: 

    $("[id*='COMMON_NAME']").change(function() {
    document.location = this.value;
});

    Et votre sélectionnez boîtes être nommés de la même manière:

    <select id="COMMON_NAME_001">...</select>
<select id="COMMON_NAME_002">...</select>

    Cela crée un événement onchange pour tous les Id contenant "COMMON_NAME" pour faire une redirection de la <option> valeur.

    InformationsquelleAutor
  4. 0

    Ce peu de javascript dans le "select":

    onchange="if(this.options[this.selectedIndex].value!=''){this.form.submit()}"

    Ce n'est pas idéal (parce que les soumissions de formulaire en ASP.NET MVC qui je suis en utilisant n'apparaissent pas à utiliser le moteur de routage pour les Url), mais il fait son boulot.

    InformationsquelleAutor Matt Mitchell