基于所选选项的jQuery搜索脚本

Question

我尝试基于所选选项进行简单的搜索方法。

场景：我有一个搜索表单，需要在其中输入一个名称。然后需要选择我想搜索的地方，然后点击提交。它应该打开一个新窗口，URL格式如下——URL——基于所选选项+搜索输入的字符串。如果我将所有内容都放在表单值中，但我需要在脚本中而不是在html值中设置实际值，那么它就可以工作了。

我的HTML:

<form>
<input id="search" type="search" placeholder="placeholder">
<select name="selection" id="selection">
<option class="level_2" value="1">website1.com</option>
<option class="level_2" value="2">website2.com</option>
<option class="level_2" value="3">website3.com</option>
</select>
<button id="submit" type="submit">vyhledat</button>
</form>
<script>  
jQuery(document).ready(function( $ ) {
$('#submit').on('click', function(){
var searchitem = document.getElementById("search");
var selecteditem = document.getElementById("selection");
var selectionitem;
switch($(selecteditem).val()) {
case "1": selectionitem = "https://www.wikitree.com/genealogy/";
break;
case "2": selectionitem = "https://www.wikitree.com/genealogy1/";
break;
case "3": selectionitem = "https://www.wikitree.com/genealogy2/";
break;
}
var url = selectionitem.value + searchitem.value;
window.open(url,"");
});
});
</script>

当我使用"警告"时；selectionitem&；它返回正确的值，但值不转移到"0"；var url＝selectionitem.value"；。

感谢您的帮助

Answer 1

只需使用selectionitem而不是selectionitem.value