Zeige Text unter einer Dropdown-Menüauswahl

Question

Ich möchte eine einfache Textzeichenfolge unterhalb einer Dropdown-Auswahloption anzeigen. Der Plan besteht darin, Code verfügbar zu haben, der kopiert werden kann, nachdem jemand einen Standort aus dem Dropdown ausgewählt hat. Wenn Sie "Kanada" im Dropdown-Menü auswählen, wird darunter ein kopierbarer und verarbeitbarer Link angezeigt, den sie auf ihrer Website veröffentlichen und mit meinem verlinken können.

Ich hoffe, dass ich das so einfach wie möglich machen kann, da ich definitiv kein Experte bin, wenn es um das Codieren geht, so dass jede Hilfe sehr geschätzt wird.

Answer 1

können Sie diese benutzen und a href Link auf contentText hinzufügen, so wird es auf dem Drop-Down auslösen Sie

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>