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