JS中如何实现Select下拉列表类功能-成都快上网建站

JS中如何实现Select下拉列表类功能

小编给大家分享一下JS中如何实现Select下拉列表类功能,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

创新互联主营常宁网站建设的网络公司,主营网站建设方案,成都APP应用开发,常宁h5小程序设计搭建,常宁网站营销推广欢迎常宁等地区企业咨询

具体代码如下所示:

      
      
      
  可输入的下拉框    
      
      
     
  var j = 0;  
  function SelectValue(obj)  
  {  
    var input = obj.parentNode.nextSibling;  
    document.all.box2.value = obj.options[obj.selectedIndex].text;  
    document.getElementById("txtSection").value=obj.options[obj.selectedIndex].value;  
    alert(document.getElementById("txtSection").value);  
  }  
  function InputValue(obj)  
  {  
    var n = 1;    
    var tmpObj;  
    var src = document.all.SelectOption;  
    var msg = document.all.msg;  
    if(event.keyCode != 40 && event.keyCode != 38 && event.keyCode != 13){  
      if(obj.value!=""){  
         msg.style.display="";  
         msg.innerHTML="";  
         if(msg.hasChildNodes())   
         {   
          msg.childNodes[0].parentNode.removeChild(msg.childNodes[0]);   
         }  
         for (var i=0;i  
     
        
     Section  
        
      
     
      
   ALL  
  0TEST1 = Testing 1  
  0TEST2 = Testing 1  
  0TEST3 = Testing 1  
  SECTION = Section Description XXXXX AAA  
     
    
      
  
     
                                  

        

以上是“JS中如何实现Select下拉列表类功能”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


名称栏目:JS中如何实现Select下拉列表类功能
URL标题:http://kswjz.com/article/pchosp.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流