Javascript 在下拉字段中插入的文本不反映_Javascript_Html

Javascript 在下拉字段中插入的文本不反映

javascript html

Javascript 在下拉字段中插入的文本不反映,javascript,html,Javascript,Html,我有一个下拉列表，其中有一个其他选项，当选择其他选项时，会出现一个新字段，我们可以在其中输入指定其他的文本，但当文本填充时，我不会在字段中填充数据，我只会在字段中填充其他 HTML: 函数显示字段（名称）{ if（name='Other'）document.getElementById（'div1'）。innerHTML='Other:'； else document.getElementById（'div1'）。innerHTML=''； } 请选择。。。汽车自行车其他以及如何放置

我有一个下拉列表，其中有一个其他选项，当选择其他选项时，会出现一个新字段，我们可以在其中输入指定其他的文本，但当文本填充时，我不会在字段中填充数据，我只会在字段中填充其他

HTML:


函数显示字段（名称）{
if（name='Other'）document.getElementById（'div1'）。innerHTML='Other:'；
else document.getElementById（'div1'）。innerHTML=''；
}
请选择。。。
汽车
自行车
其他

以及如何放置帮助文本，当我们在新文本框中插入数据时，该文本将消失，而当选择其他文本框时，新文本框将出现

提前感谢。

由于您使用的是innerHTML，先前输入的值将被清除，为避免这种情况，您可以按如下方式附加输入元素：

var input = document.createElement('input'); 
input.type = "text"; 
input.name="other" 
document.getElelmentById('div1').appendChild(input);

由于您使用的是innerHTML，先前输入的值将被清除，为了避免这种情况，您可以按如下方式附加输入元素：

var input = document.createElement('input'); 
input.type = "text"; 
input.name="other" 
document.getElelmentById('div1').appendChild(input);

从select标记中删除onchange事件

var select = document.getElementById('drop');

select.addEventListener("change", processEvent, false);

function processEvent() {
  var name = this.value;
  if(name == 'Other') {
    document.getElementById('div1').innerHTML='Other: <input type="text"   name="other" />';
  } else {
     document.getElementById('div1').innerHTML= name;
  }
}

var select=document.getElementById（'drop'）；
select.addEventListener（“更改”，processEvent，false）；
函数processEvent（）{
var name=this.value；
如果（名称==“其他”）{
document.getElementById（'div1'）.innerHTML='Other:'；
}否则{
document.getElementById（'div1'）。innerHTML=name；
}
}

从select标记中删除onchange事件

var select = document.getElementById('drop');

select.addEventListener("change", processEvent, false);

function processEvent() {
  var name = this.value;
  if(name == 'Other') {
    document.getElementById('div1').innerHTML='Other: <input type="text"   name="other" />';
  } else {
     document.getElementById('div1').innerHTML= name;
  }
}

var select=document.getElementById（'drop'）；
select.addEventListener（“更改”，processEvent，false）；
函数processEvent（）{
var name=this.value；
如果（名称==“其他”）{
document.getElementById（'div1'）.innerHTML='Other:'；
}否则{
document.getElementById（'div1'）。innerHTML=name；
}
}

试试这个，它适合你

 <html>
 <head>
  <script type="text/javascript">
   function showfield(name){
    var name=document.getElementById("drop").value;
    if(name=='Other'){
            document.getElementById('div1').innerHTML='Other: <input type="text" name="other" />';
        }
        else {
                document.getElementById('div1').innerHTML='';
        }
    }
  </script>
 </head>
 <body>
  <select name="drop" id="drop" onchange="showfield()">
  <option selected="selected">Please select ...</option>
  <option value="car">car</option>
  <option value="bike">bike</option>
  <option value="Other">Other</option>
  </select>
  <div id="div1"></div>
 </body>
</html>


函数显示字段（名称）{
var name=document.getElementById（“drop”）.value；
如果（名称=='Other'）{
document.getElementById（'div1'）.innerHTML='Other:'；
}
否则{
document.getElementById（'div1'）。innerHTML=''；
}
}
请选择。。。
汽车
自行车
其他

试试这个，它适合你

 <html>
 <head>
  <script type="text/javascript">
   function showfield(name){
    var name=document.getElementById("drop").value;
    if(name=='Other'){
            document.getElementById('div1').innerHTML='Other: <input type="text" name="other" />';
        }
        else {
                document.getElementById('div1').innerHTML='';
        }
    }
  </script>
 </head>
 <body>
  <select name="drop" id="drop" onchange="showfield()">
  <option selected="selected">Please select ...</option>
  <option value="car">car</option>
  <option value="bike">bike</option>
  <option value="Other">Other</option>
  </select>
  <div id="div1"></div>
 </body>
</html>


函数显示字段（名称）{
var name=document.getElementById（“drop”）.value；
如果（名称=='Other'）{
document.getElementById（'div1'）.innerHTML='Other:'；
}
否则{
document.getElementById（'div1'）。innerHTML=''；
}
}
请选择。。。
汽车
自行车
其他

使用jquery对此类内容更容易使用jquery对此类内容更容易当我回显时在db中打印或插入时，我只看到“其他”，但看不到文本字段中键入的值。请帮助代码在您选择下拉列表中的其他选项时为您工作。当我回显时，在db中打印或插入时，我只看到输入字段“其他”，但不是文本字段中键入的值。当您在下拉列表中选择“其他”选项时，请使用帮助代码显示输入字段