Javascript 在js中,我想在加载页面上使用“选择的选项值”作为文件名
当我在选择选项列表中选择一种语言时,立即在加载页面上,php文件名是否可以更改Javascript 在js中,我想在加载页面上使用“选择的选项值”作为文件名,javascript,select,option,Javascript,Select,Option,当我在选择选项列表中选择一种语言时,立即在加载页面上,php文件名是否可以更改 <h2> Select Language</h2> <select name="lang"> <option value="en">English</option> <option value="de">Deutsch</option> <option value="ko">Korean</
<h2> Select Language</h2>
<select name="lang">
<option value="en">English</option>
<option value="de">Deutsch</option>
<option value="ko">Korean</option>
</select>
<input type="button" onClick="myFuntion()">
<p><b>Start typing a name in the input field below:</b></p>
<form>
Disease name : <input type="text" onkeyup="showHint(this.value)">
</form>
<p>Suggestions: <span id="txtHint"></span></p>
这就是我使用提示的ajax函数的地方
<script>
function showHint(str)
{
if (str.length == 0){
document.getElementById("txtHint").innerHTML="";
return;
}
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function(){
if (xmlhttp.readyState == 4 && xmlhttp.status == 200){
document.getElementById("txtHint").innerHTML = xmlhttp.responseText;
}
}
xmlhttp.open("GET","ds_hint_<script>??/what i want<?script>.php?q="+str,true);
xmlhttp.send();
}
</script>
我怎样才能解决这个问题呢?据我所知,你想要这样的东西
function showHint(str)
{
....
var selectedLang = document.getElementById('lang').value;
xmlhttp.open("GET","ds_hint_"+selectedLang+".php?q="+str,true);
xmlhttp.send();
}
并在标记中添加id
使用jquery来解决这个问题。
首先为您的选择选项分配一些id
<select name="lang" id="lang">
请澄清您到底想要什么?如果OP没有使用jquery for ajax,为什么他需要使用它来通过id获取值-这只是一个建议。总之,jquery使DOM元素的使用变得容易。jquery可以使许多事情变得容易,但它不应该在任何地方都使用:-
<select name="lang" id="lang">
function showHint(str)
{
....
xmlhttp.open("GET","ds_hint_"+$('#lang').val()+".php?q="+str,true);
xmlhttp.send();
}