在下拉菜单选项下显示文本

我想在下拉选择选项下方显示一个简单的文本字符串。该计划是在有人从下拉列表中选择一个位置后可以复制代码。就像他们在下拉菜单中选择“加拿大”一样，它下面会显示一个复制和可粘贴的链接，他们可以在他们的网站上链接回我的链接。在下拉菜单选项下显示文本

我希望我能够以尽可能简单的方式做到这一点，因为在编码方面我绝对不是专家，所以任何帮助都非常感谢。

来源

2017-02-05 MikeBB

你要使用JavaScript？阅读[this]后编辑您的问题（http://stackoverflow.com/help/how-to-ask）。 –

这工作完美。非常感谢！我改变了一些东西，让它显示我想要的东西，但所有这一切正是我需要的。 – MikeBB

您可以使用此一个，并添加contentText A HREF链接，以便它会触发下拉选择

function ChangeText() 
 
         { 
 
          var contentText; 
 
          var selectedITem=''; 
 
         var parm = document.getElementById("mySelection"); 
 
          selectedITem =parm.options[parm.selectedIndex].text; 
 
          if(selectedITem == 'Canada') 
 
          contentText = '<a href="#">Canada</a>' 
 
         else if(selectedITem == 'Philippines') 
 
          contentText = '<a href="#">Philippines</a>' 
 
         else if(selectedITem == 'USA') 
 
          contentText = '<a href="#">USA</a>' 
 
          
 
          
 
    str=contentText; 
 
    $("#test").html(str); 
 
          
 

 
         }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
 
               
 
      <select id="mySelection" onchange="ChangeText();" style="width: 100%;"> 
 
       
 
      <option disabled="disabled" selected="selected">Select method</option> 
 
        <option value="1">Canada</option> 
 
        <option value="2">Philippines</option> 
 
        <option value="3">USA</option> 
 
        </select> 
 
        &nbsp;&nbsp;&nbsp; 
 
      
 
      <div id="test"> 
 
       
 
      </div>

来源

2017-02-05 07:11:24

在下拉菜单选项下显示文本

回答

相关问题