Javascript 从每次都会更改的文本框的值创建一个组合框
我想填充一个组合框,如下所示,每次更改textbox3中的值时,都会使用textbox2进行更改Javascript 从每次都会更改的文本框的值创建一个组合框,javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,我想填充一个组合框,如下所示,每次更改textbox3中的值时,都会使用textbox2进行更改 <html> <head> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> </head> <body> <input name="textbox2" id="edValue" type="te
<html>
<head>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
</head>
<body>
<input name="textbox2" id="edValue" type="text" onInput="edValueKeyPress()"><br>
<input name="textbox3" id="textbox3" ><br>
<p/>
</body>
<script type="text/javascript">
function edValueKeyPress() {
var edValue = document.getElementById("edValue");
var s = edValue.value;
textbox3.value=s.concat('world');;
}
</script>
<script type="text/javascript">
$(document).ready(function() {
var data = { 'Country1': 'Sri Lanka', 'Country2': 'USA', 'Country3': 'Australia', 'Country4': 'Newzeland'};
var s = $('<select id="combo" />');
for(var val in data) {
$('<option />', {value: val, text: data[val]}).appendTo(s);
}
s.appendTo('p');
//when we select an item from dropdown or combobox then alert that value
$(document).on('change',"#combo", function(){
alert(this.value);
});
});
</script>
</html>
这意味着每次组合框值都应该随文本框值更改
现在只对文本框3中的更改产生影响。只希望这对您有所帮助
功能edValueKeyPress{
var-edValue=document.getElementByIdedValue;
var s=edValue.value;
textbox3.value=s.concat'world';
var getValueTextbox=document.getElementByIdtextbox3.value;
使_comboboxgetValueTextbox;
}
制作组合框;
函数make_comboboxtextbox{
$'combo'。删除;
风险值数据={
“国家1”:“斯里兰卡”,
“国家2”:“美国”,
“国家3”:“澳大利亚”,
“国家4”:“纽泽兰”
};
var s=$;
对于数据中的var val{
$, {
值:val,
文本:数据[val]+'=>'+文本框
}.附录;
}
s、 附在“p”之后;
//当我们从下拉列表或组合框中选择一个项目时,请提醒该值
$document.on'change',组合,函数{
警告这个值;
};
}
这不会创建组合框。而且,在第一次输入中写了几封信之后,警报就变得疯狂了。@vadivel a谢谢,这就是我需要的
<select id="combo">
<option value="Country1">Sri Lanka (value from textbox3) </option>
<option value="Country2">USA (value from textbox3) </option>
<option value="Country3">Australia (value from textbox3)</option>
<option value="Country4">Newzeland (value from textbox3)</option>
</select>