在页面重定向后设置选择选项

Question

我在一个HTML页面中有一个表单，其中包含select (值是法语)

 <div class="form-group">
     <label>Secteur *</label>
     <select id="sector" name ="sector" class="form-control placeholder" required="required" onClick="document.getElementById('bouton').disabled = false"> 
         <option value="" selected disabled>Veuillez choisir un secteur d'activité</option>
         <option value="BTP">BTP</option>
         <option value="Second œuvre">Second œuvre</option>
         <option value="Maintenance et tertiaire">Maintenance et tertiaire</option>
         <option value="Transport et logistique">Transport et logistique</option>
         <option value="Pharmacie">Pharmacie</option>
         <option value="Transport en commun">Transport en commun</option>
         <option value="Transport et manutention">Transport et manutention</option>
         <option value="Coiffure et beauté">Coiffure et beauté</option>
         <option value="Evénementiel">Evénementiel</option>
         <option value ="Agent d'exploitation parking">Agent d'exploitation parking</option>
         <option value="Autre">Autre</option>
       </select>
 </div>

我还有一个包含多个活动扇区的页面。我想做的是:如果用户点击一个与部门"BTP“相关的按钮，它会将他重定向到另一个页面上的表单，其中已经显示了选择选项"BTP”。

有几个屏幕可以正确地解释它：

这里，在agence.html上：

http://i.stack.imgur.com/He16w.png

如果我点击"Postuler“按钮，我希望被重定向到页面candidat.html，并在下拉列表中选择”BTP

http://i.stack.imgur.com/BqTzF.png

谢谢你的帮助

Answer 1

这可以使用cookies来完成。为此，我使用了非常流行的插件jquery-cookie。

JavaScript:

$(document).ready(function () {
    // Read the cookie and if it's defined select the option
    var option = $.cookie('option');
    if(option){
        $('#sector option[value="'+ option +'"]').attr("selected", "selected");
    }

    // Change '#postuler-button' to the correct selector
    $('#postuler-button').click(function (e) {
        e.preventDefault();
        $.cookie('option', 'BTP');
        window.location.href = $(this).attr('href');
    });
});