![](/img/trans.png)
[英]How to use getElementsByClassName, onchange and this.value together?
[英]how to use onchange="function(this.value)
我想通過選擇字段來更改文章語言,所以我給選項提供了不同的值,現在我找不到如何編寫函數。 在我有不同的按鈕之前,這很容易。 但是現在我必須用7種語言來做,而且我沒有足夠的空間來放置按鈕。 希望有人能幫助我。 提前謝謝了。
<select id="langbtn" name="langbtn" onchange="language(this.value)">
<option value="">language</option>
<option value="de">deutsch</option>
<option value="es">español</option>
<option value="jp">日本人</option>
<option value="pt">português</option>
<option Value="ru">русский</option>
<option value="cn">中國</option>
<option value="en">english</option>
</select>
function language() {
if($(this).attr("value") == "de"){
$.get('article_de.html', function(data) {
$('#article_language').html(data);
})
$.get('newstext_de.html', function(data) {
$('#newstext_language').html(data);
})
}
}
您可以使用Jquery實現相同的功能,可以注冊Select列表的change事件,然后檢查所選項目的值,並基於它發出一個get請求,例如
$(document).ready(function(){
$('#langbtn').on('change',function(){
if($(this).val()=='')
return;
$.get('article_' + $(this).val() + '.html', function(data) {
$('#article_language').html(data);
});
$.get('newstext_' + $(this).val() + '.html', function(data) {
$('#newstext_language').html(data);
});
});
});
您可以將該值用作字符串並將其連接到URL中。
function language(lang) {
if (!lang) return;
$.get('article_' + lang + '.html', function(data) {
$('#article_language').html(data);
})
$.get('newstext_' + lang + '.html', function(data) {
$('#newstext_language').html(data);
})
}
function language(lang) { if (!lang) return; $('#article_language').text('You have selected: ' + lang); }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select id="langbtn" name="langbtn" onchange="language(this.value)"> <option value="">language</option> <option value="de">deutsch</option> <option value="es">español</option> <option value="jp">日本人</option> <option value="pt">português</option> <option Value="ru">русский</option> <option value="cn">中國</option> <option value="en">english</option> </select> <div id="article_language"></div>
您可以使用js代碼收聽更改。
$('#langbtn').on("change",function(){
if($(this).attr("value") == "de"){
$.get('article_de.html', function(data) {
$('#article_language').html(data);
})
$.get('newstext_de.html', function(data) {
$('#newstext_language').html(data);
})
}
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.