varde fran input till link

Behover en smart JS funktion som skall ta ett varde fran input felt sam jag skrivet och andrar i lenk som ligger intill. Krukset ar att det kan finnas flera felt sahar

<input id="1"  type="text" name="product_amount1" size="1" value="?">
<a href="index.phtml?change_amount=?">text</a>

<input id="2"  type="text" name="product_amount2" size="1" value="?">
<a href="index.phtml?change_amount=?">text</a>

<input id="3"  type="text" name="product_amount3" size="1" value="?">
<a href="index.phtml?change_amount=?">text</a>

:q :q :q

Tror detta kan vara en början, har inte testat det.

<script type="text/javascript">
function fn_link(num)
{
    obj = document.getElementById('product_amount' + num);
    document.location = 'index.phtml?change_amount=' + obj.value;
}
</script>

<form>
<input id="product_amount1"  type="text" name="product_amount1" size="1" value="?">
<a href="" onClick="fn_link(1);">text</a>
</form>

antal felt kan variera fran 1 till 99. Fungerar denna kod for dynamisk okning av antal felt?

Om dessa två rader skrivs ut dynamiskt så fungerar det

tänk på att X ska motsvara nummret (finns på 3 ställen).

<input id="product_amountX" type="text" name="product_amountX" size="1" value="?">
<a href="" onClick="fn_link(X);">text</a>

märkte att jag glömde bort att ändra ID i föregående inlägg.

Jag har en sadan resultat. Men det blir syntaks fel naganstans :(

Kan inte JS

<script type="text/javascript">
function fn_link(num)
{
    obj = document.getElementById('product_amount' + num);
    document.location = 'index.phtml?show_cart=1&change_amount=' + obj.value;
}
</script>

<input id="product_amount1"  type="text" name="product_amount[1]" size="1" value="1">
<br>
<a href="#" onClick="return fn_link(1)">text</a>
<br>

En fraga bara. Kanske detta ar basta satet att gore det som The_Hulk foreslar. men jag undrar gar det inte att gora med DHTML sa att jag skippar on klick och href value andrar sig automatiskt nar jag skriver et nytt sira i input?

du måste även ha
return false; i fn_link()

<script type="text/javascript">
function fn_link(num)
{
    obj = document.getElementById('product_amount' + num);
    document.location = 'index.phtml?show_cart=1&change_amount=' + obj.value;
    return false;
}
</script>

Kör du FireFox? Då kan du ta fram JavaScript konsol och där får väldigt bra debuginformation. Den är otroligt hjälpsam när man jobbar med javsacript

finns under Verktyg -> JavaScript-Konsol

Jag kor IE tyvarr....

Ja det verkar fungera TACK!!!!!!

men - Jag behover flytta hela

" index.phtml?show_cart=1&change_amount= "
till
onClick="return fn_link(1)">
for att
show_cart=1 ocksa ar dynamisk.

Hur gor jag da???

nu funkar detta.

TACK!!!!!!!!!!!!!!!!!!!!!!!!!!!