Question

我在几个页面上有链接，用于存储房间的名称

<a href="/booking/" class="book" data-book="Room One">
<a href="/booking/" class="book" data-book="Room Two">

点击后我想存储数据变量并将房间名称传递给新页面上的表格并预选选择选项。

我试过这个：

$('.book').on('click', function(){
var roomSuiteLink = $(this).data('book');
});

我想'roomSuiteLink'的值是所选的选择选项。我一直试着没有运气：

function getURLParameter(name) {
return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search)||[,""])[1].replace(/\+/g, '%20'))||null;
}
var roomSuite = getURLParameter('roomSuiteLink');           
$('#my-select').val( roomSuite );

然后在新页面上我有一个选择菜单：

<select id="my-select" name="my-select">
<option value="Room One">Room One</option>
<option value="Room Two">Room Two</option>
</select>

我不想在URL中添加任何内容：/ booking /？room name。我可以使用jquery执行此操作还是需要会话变量？

由于

Answer 1

您需要将selected属性设置为true

$('#my-select [value="' + roomSuite + '"]').prop('selected', true)

JSFiddle result

点击链接商店变量传递，在新页面

1 个答案: