如何在弹出窗口中的同一页面上用下拉列表中的预选选项创建超链接
How to create hyperlink with pre-selected option in drop down list on the same page in pop up?
我正在尝试在弹出窗口中预先选择一个选项。我在互联网上做了研究,这是我到目前为止所得到的,但它不起作用。我现在总是有第一个选项预先选择
超链接触发显示弹出窗口,其中应预先选择选项二。
<a href="?select=two" class="btn btn-red-2 show-modal" data-modal-id="order-form-modal">Order!</a>
"模式窗口"(Modal Window),该窗口将显示,选项二应预先选定。
<div id="order-form-modal" class="modal-window">
<select class="prettyform" name="select" id="select">
<option id="one" value="1" data-price="950">Nízke stojánky</option>
<option id="two" value="2" data-price="1790">Vysoké stojánky</option>
<option id="three" value="3" data-price="990">Set přenosné kruhy</option>
<option id="four" value="4" data-price="790">Přenosné kruhy</option>
<option id="five" value="5" data-price="490">Popruhy na kruhy</option>
</select>
</div>
JavaScript,它应该解析开头超链接中给定的参数。
<script>
$(document).ready(function() {
var select = GetUrlParameter("select");
$("#" + select).attr("selected", "");
});
function GetUrlParameter(name) {
var value;
$.each(window.location.search.slice(1).split("&"), function (i, kvp) {
var values = kvp.split("=");
if (name === values[0]) {
value = values[1] ? values[1] : values[0];
return false;
}
});
return value;
}
</script>
您需要将option
上的selected
属性设置为true:
var select = GetUrlParameter("select");
$("#" + select).prop("selected", true);
小提琴示例
相关文章:
- 使用JavaScript从超链接加载时的默认下拉值
- 如何在ReactJs中链接下拉列表和文本区域
- 当链接单击-jQuery时,第二层下拉列表将隐藏
- 当按下链接以在不同页面上的表单中的下拉列表中设置值时
- 如何使用AngularJS链接下拉列表
- javascript下拉列表-无法添加链接
- 如何通过在Javascript中单击链接,用链接的值设置下拉列表值
- 如何通过单击链接为具有 URL 值的下拉列表设置值
- 链接下拉列表选择列表代码 -- 连接数据
- WordPress 类别下拉菜单选择链接断开
- 如何将选定的下拉列表值附加到aspx页面本身的超链接查询字符串中
- JavaScript:根据下拉菜单更改链接值
- 如何在弹出窗口中的同一页面上用下拉列表中的预选选项创建超链接
- 下拉显示Javascript链接菜单的问题
- 用HTML下拉菜单更改链接
- 在数组中创建包含超链接项的下拉列表
- 当我按下asp.net超链接时,我想在浏览器中打开新选项卡
- Jquery/JS和CSS水平列表导航单击下拉超链接不工作
- 如何在禁用js的情况下处理javascript超链接
- 下拉菜单超链接单击事件问题