当选择了一个选项时,我需要更改HTML中的链接

时间:2016-03-22 10:31:53

标签: javascript html

我有一个包含4种语言的选择选项,当我选择一种语言将其链接到HTML时我想要。

client: 192.168.99.100:80
server: 192.168.99.100:3000
database: 192.168.99.100:5432

然后改变

<select>
    <option value="Hebrew">עברית</option>
    <option value="English">English</option>
    <option value="Arabic ">العربية</option>
    <option value="Russian">русский</option>
</select>

<div class="selected selected-tab-2-color mobile"> <a href="tab2.html"> <span>עסקים ומוסדות</span> </a> <div class="show-triangle triangle-color-2"></div> </div>

3 个答案:

答案 0 :(得分:0)

$('select').on('change', function(){
    var langVal = $(this).val();
    $('.mobile a span').text(langVal);
});

上述解决方案将根据您的选择选项

更改范围文本

答案 1 :(得分:0)

您可以使用onChange作为解决方案。

<select onChange="window.location.href=this.value">
    <option value="www.google.de">Google</option>
    <option value="www.yahoo.com">Yahooo</option>
	<option value="left-to-right/tab2.html">עברית</option>
	<option value="left-to-right/tab2.html">English</option>
	<option value="left-to-right/tab2.html ">العربية</option>
    <option value="left-to-right/tab2.htmlian">русский</option>
</select>

答案 2 :(得分:0)

您可以在选择框中使用onchange事件。

尝试以下代码:

<SELECT onchange="window.location.href=this.options [this.selectedIndex].value">
<option value="Hebrew.html">עברית</option>
<option value="English.html">English</option>
<option value="Arabic.html">العربية</option>
<option value="Russian.html">русский</option>
</SELECT>

例如,考虑一个网站: http://www.example.com/

如果用户将选择框更改为英语,则浏览器将重定向到 http://www.example.com/English.html