选择选项值单击,然后自动选择另一个页面选择选项,用户在使用jquery之前选择

时间:2018-12-13 06:11:00

标签: javascript jquery wordpress css3

大家好,我有疑问。我希望当用户单击选择选项,而当他在另一页中单击选项时,显示选择的选项会自动单击之前使用jquery的用户。

这是我的代码,请检查。

用户可以在其中选择页面的前页选择选项

    <form action="https://mycustompage.com">
    <div class="row justify-content-center">
    <div class="col-lg-3 col-md-3 col-sm-12 col-12 p-lg-0 p-md-0 m-lg-0 m-md-0 mb-0 mobilespace">
    <div class="select-1">
    <div data-select-box="">
                                                    <div class="custom_select _1" style="cursor: pointer;position: relative;"><div class="option_title" style="position: relative;">2<div class="arrow" style="position: absolute; right: 10px; top: 42%;"></div></div><div class="select_opts under" style="position: absolute; width: 100%; z-index: 1000; height: 354px; bottom: initial; max-height: none; display: none; overflow-x: auto;"><div class="option" data-option="1">College</div><div class="option" data-option="2">1</div><div class="option current" data-option="3">2</div><div class="option" data-option="4">3</div><div class="option" data-option="5">4</div><div class="option" data-option="6">5</div></div></div><select name="select-1" id="select-11" required="" class="customized" style="display: none;"><option value="" data-option="1">College</option><option value="" data-option="2">1</option><option value="" data-option="3" selected="selected">2</option><option value="" data-option="4">3</option><option value="" data-option="5">4</option><option value="" data-option="6">5</option></select>
                                                    </div>
    <p></p></div>
    <p></p></div>
    <div class="col-lg-3 col-md-3 col-sm-12 col-12 p-lg-0 p-md-0 m-lg-0 m-md-0 mb-0 mobilespace">
    <div class="select-2">
    <div data-select-box="">
                                                    <div class="custom_select _2" style="cursor: pointer;position: relative;"><div class="option_title" style="position: relative;">4<div class="arrow" style="position: absolute; right: 10px; top: 42%;"></div></div><div class="select_opts under" style="position: absolute; width: 100%; z-index: 1000; height: 354px; bottom: initial; max-height: none; display: none; overflow-x: auto;"><div class="option" data-option="7">School</div><div class="option" data-option="8">1</div><div class="option" data-option="9">2</div><div class="option" data-option="10">3</div><div class="option current" data-option="11">4</div><div class="option" data-option="12">5</div></div></div><select name="select-2" id="select-22" class="customized" style="display: none;"><option value="" data-option="7">School</option><option value="" data-option="8">1</option><option value="" data-option="9">2</option><option value="" data-option="10">3</option><option value="" data-option="11" selected="selected">4</option><option value="" data-option="12">5</option></select>
                                                    </div>
    <p></p></div>
    <p></p></div>

    <div class="col-lg-3 col-md-3 col-sm-12 col-12 p-lg-0 p-md-0 m-lg-0 m-md-0 mb-0 mobilespace">
    <div class="btn-book">
                                                    <a href="https://mycustompage.com" class="">BOOK NOW</a>
                                                </div>
    <p></p></div>
    <p></p></div>
    <p></p></form>

自动选择选项(https://mycustompage.com)的预订表格

    <form action="THANKYOU">
    <div class="row justify-content-center">
    <div class="col-lg-3 col-md-3 col-sm-12 col-12 p-lg-0 p-md-0 m-lg-0 m-md-0 mb-0 mobilespace">
    <div class="select-1">
    <div data-select-box="">
                                                    <div class="custom_select _1" style="cursor: pointer;position: relative;"><div class="option_title" style="position: relative;">2<div class="arrow" style="position: absolute; right: 10px; top: 42%;"></div></div><div class="select_opts under" style="position: absolute; width: 100%; z-index: 1000; height: 354px; bottom: initial; max-height: none; display: none; overflow-x: auto;"><div class="option" data-option="1">College</div><div class="option" data-option="2">1</div><div class="option current" data-option="3">2</div><div class="option" data-option="4">3</div><div class="option" data-option="5">4</div><div class="option" data-option="6">5</div></div></div><select name="select-1" id="select-11" required="" class="customized" style="display: none;"><option value="" data-option="1">College</option><option value="" data-option="2">1</option><option value="" data-option="3" selected="selected">2</option><option value="" data-option="4">3</option><option value="" data-option="5">4</option><option value="" data-option="6">5</option></select>
                                                    </div>
    <p></p></div>
    <p></p></div>
    <div class="col-lg-3 col-md-3 col-sm-12 col-12 p-lg-0 p-md-0 m-lg-0 m-md-0 mb-0 mobilespace">
    <div class="select-2">
    <div data-select-box="">
                                                    <div class="custom_select _2" style="cursor: pointer;position: relative;"><div class="option_title" style="position: relative;">4<div class="arrow" style="position: absolute; right: 10px; top: 42%;"></div></div><div class="select_opts under" style="position: absolute; width: 100%; z-index: 1000; height: 354px; bottom: initial; max-height: none; display: none; overflow-x: auto;"><div class="option" data-option="7">School</div><div class="option" data-option="8">1</div><div class="option" data-option="9">2</div><div class="option" data-option="10">3</div><div class="option current" data-option="11">4</div><div class="option" data-option="12">5</div></div></div><select name="select-2" id="select-22" class="customized" style="display: none;"><option value="" data-option="7">School</option><option value="" data-option="8">1</option><option value="" data-option="9">2</option><option value="" data-option="10">3</option><option value="" data-option="11" selected="selected">4</option><option value="" data-option="12">5</option></select>
                                                    </div>
    <p></p></div>
    <p></p></div>

    <div class="col-lg-3 col-md-3 col-sm-12 col-12 p-lg-0 p-md-0 m-lg-0 m-md-0 mb-0 mobilespace">
    <div class="btn-book">
                                                    <a href="" class="">BOOK NOW</a>
                                                </div>
    <p></p></div>
    <p></p></div>
    <p></p></form>

0 个答案:

没有答案