Hent value fra input og indsæt i link

<script type="type="text/javascript">
function getValue(fieldId,LinkId){
var FieldValue = document.getElementById(fieldId).value;
document.getElementById(LinkId).innerHTML = FieldValue;
}
</script>

<form name="distance" action="#" onsubmit="showLocation(); return false;">
        <input onchange="getValue(this.id,'mylink')"  id="address1" type="text" name="address1" value="adresse1" size="30" />
        <input onchange="getValue(this.id,'mylink2')" id="address2" type="text" name="address2" value="adresse2" size="30" />
        <input type="submit" name="find" value="Go!" />
</form>

<a  id="mylink" href="">some text</a>
<a  id="mylink2" href="">some text</a>

hmm tjek lige om værdien er tom!

<script type="type="text/javascript">
function getValue(fieldId,LinkId){
if(document.getElementById(fieldId).value != ""){
var FieldValue = document.getElementById(fieldId).value;
document.getElementById(LinkId).innerHTML = FieldValue;
}
}
</script>

Tak for svar. Det ligner noget.

Men jeg vil gerne indsætte værdierne som variabler i dette link: href="http://maps.google.com/maps?saddr=address1&daddr=address2" - hvordan gøres det?

Hvorfor submitter du ikke bare, for så kommer værdierne jo netop i urlen, som du ønsker ...

<form name="distance" action="http://maps.google.com/maps" onsubmit="showLocation();">

Så skal funktionen udbygges en dele.
ParentId er id'et på det element som linket er placeret inde i f.eks hvis der er placeret inde i en div med id'et "MyParent" vil dette være parentId

AfterId er Id'et af det element som link'et når det bliver genoprettet skal være placeret efter i html code.

<script type="type="text/javascript">
function getValue(ParentId,fieldId,LinkId,AfterId){
if(document.getElementById(fieldId).value != ""){
var MyHtml = document.getElementById(fieldId).innerHTML;
document.getElementById(ParentId).removeChild(document.getElementById(LinkId));

var strLink = "www.somepage.dk?test=" + document.getElementById(fieldId).value;

var NDiv=document.createElement('a');
NDiv.innerHTML = MyHtml;
NDiv.setAttribute('id',LinkId);
NDiv.setAttribute('href',strLink);

document.getElementById(ParentId).insertBefore(NDiv,document.getElementById(AfterId));
}
</script>

Det lyder nemt, men kan ikke lige på det til at virke. Der sker ikke noget.
Formen beregner afstanden mellem to punkter via Google Maps. Linket er ikke en del af det, men ligger et andet sted på siden...tænkte bare at det kunne være nemt hvis, linket (til en kørselsvejledning) kunne blive opdateret med de værdier, som brugeren indtastede.

>> #5: Okay, lyder godt. Hvordan skal linket eller html'en så se ud?

<div id="patentId">
<div id="afterId" style="display:none;"></div>//behøves kun hvis der ikke er et andet element før linket i html koden der kan bruges
<a  id="mylink" href="www.somepage.dk">some text</a>

</div>

Hej.

Jeg har fundet en anden løsning, som er mere simpel:

<script type="text/javascript">

function showDirections(){
    document.location="http://maps.google.com/maps?saddr="+escape(document.getElementById("address1").value)+"&daddr="+escape(document.getElementById("address2").value);
}

</script>

<a href="#" onclick="java script:showDirections(); return false;" target="_blank">Klik</a>

Men du skal have mange tak for din tid, og pointene er selvfølgelig dine. :)

Mvh.