Disabla en submit-knapp inifrån form utan användande av ID?

this.form borde funka.

ska undersöka, tack!

edit: men, hur kommer jag åt "denna formens submitknapp"? Jag var lite otydlig innan; det är alltså submit-taggen (en input-tagg) som jag la ett ID på för att hitta. Om det är så att man _måste_ ha ett ID för att hitta just den unika input-taggen bland flera input-taggar i denna form, kan man då använda samma namn på samtliga submit-taggarna på denna sida, men att man då kommer åt dem genom this.form.*namnet på input-taggen*?

Det stämmer, för varje formulär är det en fördel om submitknapparna har unika namn. Då kan du inifrån var och ett av formulären nå submitknappen med this.form.<knappnamn>

Peter, menar du att om alla submitknappar heter 'pelle', så kan man inte inifrån ett formulär skriva this.form.pelle, eftersom det krockar med externa pellen?

Nej, precis tvärtom :) Du kan ha en submitknapp i varje formulär med name = "pelle" och sedan använda this.form.pelle

Aha, tack :)
Ska testa på det direkt!

Hur går jag tillväga om jag vill anropa en extern funktion som ska behandla "this.form.pelle"?
Blir det plötsligt problem?

Min hjärna får inte ihop det, så jag ska knåpa vidare där jag kör mitt lilla javascript direkt i onchange="*scriptet*", men någongång kommer jag behöva arbeta i en extern function som jag anropar via onchange...
Tacksam för lite råd

Exempel:

<script>
function f(elm){
  alert(elm.value);
}
</script>
...
<form>
  <select onchange="f(this.form.pelle)">
    ...
  </select>
  <input type="submit" value="hejhopp" name="pelle">
</form>

Tackar, den gav mig en kick åt rätt håll även om jag brände en dos nerver på vägen.
Det verkar som om det blir problem om input-taggen är av type="image". Någon idé varför?

Av någon anledning verkar inte formulärets elements-samling innehålla inputs av typen image, vilket rent spontant känns väldigt fel. Som alternativ gissar jag att du kan sätta ett id på elementet och använda document.getElementById i stället. Ett annat sätt kan vara att kapsla in en <img> i en <button>.

Nå, nu behöver jag i och för sig inte läsa dess värde, så vi kommer undan med första problemet i alla fall. Jag behövde nämligen styra .disabled = true alt. false.

Men så snart jag kommer in på bildstyrningen, det vill säga att jag behöver ändra bilden beroende på om knappen är disablad eller enablad, så får jag problem.
Jag vill helst inte anta att detta problem går att lösa med getElementById, för jag vill ju just slippa ha unika IDs på varje knapp.

Ska pula lite mer med den, men har du något att tillägga om ovanstående?

edit: kanske lika bra att skriva ner kodsnutten ifall jag råkade missa något själv:
onchange="this.form.pelle.src='/bilder/knapp_disabled.gif'"

Syftet är att testa och se om jag kan få den att reagera.

Läste på lite på nätet. Kan man skippa input-taggen och ersätta den med en vanlig knapp som submittar vid klick?
Med detta sagt, hur vet browsern att just den input-taggen är en submit knapp? Är type="image" eller "button" automatiskt submitknappar?

Så här skulle jag kunna tänka mig att göra:

function f(elm){
  if (/^button$/i.test(elm.type))
  {
    elm.childNodes[0].src = "/bilder/knapp_disabled.gif";
  }
  else
  {
    elm.src = "/bilder/knapp_disabled.gif";
  }
}
...
onchange="f(this.form.pelle)"
...
<button type="button" value="Submit!" name="pelle"><img src=""></button>

Submitknappar är följande: <input type="submit">, <input type="image"> och <button type="submit"></button>.

Peter S skrev:

Ett annat sätt kan vara att kapsla in en <img> i en <button>.

Aha, nu fattar jag vad du menade med denna :)

Har ännu inte provat på buttonlösningen för att jag fortsatte att experimentera med koden som den var.
För övrigt; är lösningen med button-img standard eller en workaround?
Innebär den någon nackdel mot input-lösningen?

Jag försökte alltså komma åt src i input-taggen men utan framgång. Hittade ett javascript bibliotek där man kunde komma åt src attributet men det kändes lite overkill så jag lät det vara så länge.
Så jag vill nu bara försäkra mig; kan man komma åt src genom this.form.id-namnet över huvudtaget? Varför jag föredrar den metoden är för att inte behöva förändra originalkoden så särskilt mycket.

tillägg: kan man använda getelementbyid, men endast inuti den form man befinner sig?

Button-img är standard och kan inte se någon nackdel med den.

Ja, problemet är att input type="image" inte verkar vara med form.elements-samlingen och det är därför du inte kommer åt den. Varför den inte är med en är gåta.

Du menar this.form.name? Nej, det verkar inte gå.

GetElementById används på document-objektet, inte på this.form. Det som möjligen skulle kunna fungera är att loopa igenom this.form.getElementsByTagName("INPUT") och leta efter name="pelle".

Peter S skrev:

Det som möjligen skulle kunna fungera är att loopa igenom this.form.getElementsByTagName("INPUT") och leta efter name="pelle".

Nej, så kan vi inte göra, eftersom pelle kommer att finnas på många ställen på sidan, på varje submitknapp rättare sagt.

Då är det din lösning som gäller.
Vet du, hela tiden trodde jag att button taggen skapade en knapp, som input type=button.
Men tydligen inte. Är den istället till för att skapa knappar av tex bilder?

haider skrev:

Nej, så kan vi inte göra, eftersom pelle kommer att finnas på många ställen på sidan, på varje submitknapp rättare sagt.

Då är det din lösning som gäller.
Vet du, hela tiden trodde jag att button taggen skapade en knapp, som input type=button.
Men tydligen inte. Är den istället till för att skapa knappar av tex bilder?

Men this.form.getElementsByTagName gäller ju bara aktuellt formulär, så det kommer att fungera.

<button> skapar också en knapp, men till skillnad från sin input-motsvarighet kan man kapsla in andra typer av element (inte bara <img>) i den.