Question

我将努力尽可能具体。

所以我需要创建一个过滤选项的选择器。

我有：

汽车类型
你可以开车的地方。

例如，您可以选择＆gt;法拉利＆gt;然后第二个选择标签上的正确区域显示

即。选择＆gt;法拉利=伦敦，剑桥，德文郡，新罕布什尔州

  Select > Lamborghini = London, Bertshire, Oakwood,

最后

他们选择（法拉利+剑桥），然后按“开始”并跳转到最终链接，将他们带到正确的页面。

我的代码是：

    <script type='text/javascript' src='http://code.jquery.com/jquery-1.6.js'></script>

<script type='text/javascript'>//<![CDATA[ 




$('#filter-regions').on('click', function() {
    var pilotage-carFilter = $('#pilotage-car').text();
    var itemFilter = $('#items').text(); 

    console.log('pilotage-carFilter: ' + pilotage-carFilter);
    console.log('itemFilter : ' + itemFilter);
    console.log('Applying filter now...');

    featureList.filter(function(item) {
        console.log('Running filter() on item: ('+item+')');
        console.log('item.values().pilotage-car: ' + item.values().pilotage-car);
        console.log('item.values().item: ' + item.values().item);

        return 
            (pilotage-carFilter==='Ferrari' || item.values().pilotage-car === pilotage-carFilter) 
            && (itemFilter==='All items' || item.values().item === itemFilter);
    });

    return false;
});



//]]>  

</script>


</head>

<body>

<form id="filter">
<select id="pilotage-car" name="pilotage-car" size="1">
<option value="http://www.coolcadeau.fr/Stage-de-pilotage-Ferrari-BN-5iZ5.aspx?SqNo=5iZ5&cm_sp=LHN-_-Voiture-_-Ferrari&cm_re=Ferrari-_-Voiture-_-LHN">Ferrari</option>
<option value="Porsche">Porsche</option>
<option value="Lamborghini" selected>Lamborghini</option>
<option value="Mustang">Mustang</option>
<option value="Audi" selected>Audi</option>
<option value="Multivolants">Multivolants</option>
<option value="Rallye">Rallye</option>
<option value="Subaru">Subaru</option>
<option value="Karting">Karting</option>
<option value="4x4">4x4</option>
<option value="Moto">Moto</option>
<option value="Quad">Quad</option>
<option value="Buggy">Buggy</option>
<option value="Renault Sport">Renault Sport</option>
<option value="Prototype">Prototype</option>
<option value="Chevrolet">Chevrolet</option>
<option value="Corvette">Corvette</option>
</select>

<select id="items" name="items" size="1">
<option value="http://www.coolcadeau.fr/Stage-de-pilotage-Ferrari-Alsace-BN-5iZ5Z1z13skq.aspx?SqNo=5iZ5Z1z13skq&cm_sp=LHN-_-Region-_-Alsace&cm_re=Alsace-_-Region">A l'&eacute;tranger</option>
<option value="Alsace">Alsace</option>
<option value="Aquitaine" selected>Aquitaine</option>
<option value="Auvergne">Auvergne</option>
<option value="Basse-Normandie" selected>Basse-Normandie</option>
<option value="Bourgogne">Bourgogne</option>
<option value="Bretagne">Bretagne</option>
<option value="Centre">Centre</option>
<option value="Champagne-Ardenne">Champagne-Ardenne</option>
<option value="Franche-Comt&eacute;">Franche-Comt&eacute;</option>
<option value="Haute-Normandie">Haute-Normandie</option>
<option value="Ile-de-France">Ile-de-France</option>
<option value="Languedoc-Roussillon">Languedoc-Roussillon</option>
<option value="Limousin">Limousin</option>
<option value="Lorraine">Lorraine</option>
<option value="Midi-Pyr&eacute;n&eacute;es">Midi-Pyr&eacute;n&eacute;es</option>
<option value="Nord-Pas-de-Calais">Nord-Pas-de-Calais</option>
<option value="Pays de la Loire">Pays de la Loire</option>
<option value="Picardie">Picardie</option>
<option value="Poitou-Charentes">Poitou-Charentes</option>
<option value="Provence-Alpes-C&ocirc;te d'Azur">Provence-Alpes-C&ocirc;te d'Azur</option>
<option value="Rh&ocirc;ne-Alpes">Rh&ocirc;ne-Alpes</option>
</select>




<input id="go-button" type="button" name="test" value="Go"/>
</form>

我真的不确定javascript。

我怎么能和/或最好的方法是什么？那里有没有例子？

http://jsfiddle.net/dtAgX/1/

提前致谢

Answer 1

根据您的后端，PHP，ASP等，您有多种选择。或纯HTML。如果您使用PHP / ASP，您可以为您提供“操作”和“方法”，并让服务器提供正确的页面，具体取决于您选择的值。

如果您使用纯HTML，则可以向您添加“onsubmit”事件，并将javascript重定向到正确的页面。

在这两种情况下，“go-button”应为“submit”类型。

如果您需要更多帮助，我需要了解您的设置： - ）

此外，是否可以在所有地点驾驶所有车辆？

带过滤的Html和javascript <select>标签</select>

1 个答案: