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>

我还有另一个包含多个活动扇区的页面。我想做的是：如果用户单击与扇区相关的按钮＆＃34; BTP＆＃34;，则将其重定向到另一页上的表单，并使用选择选项＆＃34; BTP＆＃34;已经显示。

一些屏幕可以正确解释：

此处，在agence.html：

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

如果我点击＆＃34; Postuler＆＃34;按钮，我希望被重定向到页面candidat.html并获得＆＃34; BTP＆＃34;在下拉列表中选择

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

感谢您的帮助

Answer 1

这可以通过cookie来完成。我使用了非常受欢迎的插件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');
    });
});

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

1 个答案: