在输入文本javascript中键入数字时如何显示选项

在输入文本javascript中键入数字时如何显示选项,javascript,html,web,Javascript,Html,Web,很抱歉,我是javascript新手,所以我想问一些问题。所以我想在输入文本中键入num时突然出现一个选项。例如,如果我在输入文本中键入2,就会出现2个选项 <input type="num" name="member" id="member" value=""> 我想这可能会让你指向正确的方向: 函数addOptions(){ //“重置”div以防止不必要的行为 document.getElementById('selects').innerHTML=“”; //获取

很抱歉,我是javascript新手,所以我想问一些问题。所以我想在输入文本中键入num时突然出现一个选项。例如,如果我在输入文本中键入2,就会出现2个选项

    <input type="num" name="member" id="member" value="">

我想这可能会让你指向正确的方向:

函数addOptions(){
//“重置”div以防止不必要的行为
document.getElementById('selects').innerHTML=“”;
//获取输入字段的值
var inputValue=document.getElementById('member').value;
//一个循环,可根据需要附加任意多个选择(例如,如果inputValue为2,将出现2个选择)
对于(变量i=0;i

我想这可能会让你指向正确的方向:

函数addOptions(){
//“重置”div以防止不必要的行为
document.getElementById('selects').innerHTML=“”;
//获取输入字段的值
var inputValue=document.getElementById('member').value;
//一个循环,可根据需要附加任意多个选择(例如,如果inputValue为2,将出现2个选择)
对于(变量i=0;i

以下是使用javascript的方法。此外,我假设您需要在下一次更改之前清除选项

函数createOptions(迭代){
var select=document.getElementById(“optem”);//假设select已经存在
removeOptions(选择);//清除选项
for(var i=0;i!=迭代;i++){
//循环完成每个迭代
var option=document.createElement(“选项”);
option.text=“text”+i;
option.value=“myvalue”+i;
select.appendChild(选项);//将其追加到select
}
}
功能移除选项(选择框)
{
var i;
对于(i=selectbox.options.length-1;i>=0;i--)
{
选择框。删除(i);
}
}

以下是使用javascript的方法。此外,我假设您需要在下一次更改之前清除选项

函数createOptions(迭代){
var select=document.getElementById(“optem”);//假设select已经存在
removeOptions(选择);//清除选项
for(var i=0;i!=迭代;i++){
//循环完成每个迭代
var option=document.createElement(“选项”);
option.text=“text”+i;
option.value=“myvalue”+i;
select.appendChild(选项);//将其追加到select
}
}
功能移除选项(选择框)
{
var i;
对于(i=selectbox.options.length-1;i>=0;i--)
{
选择框。删除(i);
}
}


2选项在哪里?我的意思是你想让它出现在哪里?当然在input num的底部,它突然出现而没有提交任何东西。什么类型的选项?选择元素选项?查找
document.createElement
。appendChild
@gurupasad Rao是的,只是元素选项2选项在哪里?我的意思是你想让它出现在哪里r?当然在input num的底部,它突然出现,但没有提交任何内容。什么类型的选项?选择元素选项?查找
document.createElement
。appendChild
@gurupasad Rao是的,只是元素选项这很好,但有问题,因为如果你在input中输入示例2,然后输入4,你将得到6个选项我不是OP想要的,但OP仍然认为这是最好的答案。问题是,他问了一个非常广泛的问题,但不清楚。他没有展示自己的任何代码。这很好,但有缺陷,因为如果你在输入中输入示例2,然后输入4,你将得到6个选择,这不是OP想要的。OP仍然认为这是最好的答案。这吴是,他问了一个非常广泛的问题,但不清楚。他没有展示自己的任何代码。