1. Dator och IT
  2. Systemutveckling

lägga till text i en textarea

Svara
2014-12-04, 22:25
  #1
personkemi2.0
Medlem
hej!
jag har en textarea (alltså det ligger i ett form) och jag vill ha en knapp som man ska kunna trycka på så det läggs till text i textarean. jag antar att det är antingen JS eller JQuery.

även länkar hur det går till välkomnas
Citera
2014-12-04, 22:52
  #2
tj.
Medlem
tj.s avatar
[PHP]<input type="button" id="someButton"/>
<textarea id="someTextArea"/>

$("#someButton").on("click", function () {
$("#someTextArea").val("some text");
});[/PHP]
Nåt sånt borde fungera i jQuery.
Citera
2014-12-04, 23:13
  #3
personkemi2.0
Medlem
HTML-kod: 
<html>
<head>
<title></title>
</head>
<body>
<form>
<input type="button" id="someButton"/> 
<textarea id="someTextArea"/> 

$("#someButton").on("click", function () { 
    $("#someTextArea").val("some text"); 
});  
</form>  
</body>
</html>
när jag trycker på knappen, läggs inte "some text" till i textarean, det händer ingenting
Citera
2014-12-04, 23:26
  #4
personkemi2.0
Medlem
är jag på rätt väg?
HTML-kod: 
<!doctype html>
<html>
<head>
<title></title>
</head>
<body>
<form>
<input type="button" id="lagg_till_text" value="klicka här"> 
<textarea id="someTextArea"></textarea> 
<script>
$("#lagg_till_text").on("click", function () { 
    $("#someTextArea").val("some text"); 
});
</script>
</form>  
</body>
</html>
Citera
2014-12-04, 23:30
  #5
poolo
Medlem
poolos avatar
Koden du fick behöver jquery för att fungera. Ändra till detta istället

HTML-kod: 
<html>
<head>
<title></title>
</head>
<body>
<form>
    <input type="button" id="someButton" onclick="fillTextarea('someTextArea');"></input>
    <textarea id="someTextArea"></textarea>
    <script>
    function fillTextarea(id){
        var textarea = document.getElementById(id);
        textarea.value = "some text";
    }
    </script>
</form>  
</body>
</html>
Citera
2014-12-05, 00:13
  #6
personkemi2.0
Medlem
Citat:
Ursprungligen postat av poolo
Koden du fick behöver jquery för att fungera. Ändra till detta istället

HTML-kod: 
<html>
<head>
<title></title>
</head>
<body>
<form>
    <input type="button" id="someButton" onclick="fillTextarea('someTextArea');"></input>
    <textarea id="someTextArea"></textarea>
    <script>
    function fillTextarea(id){
        var textarea = document.getElementById(id);
        textarea.value = "some text";
    }
    </script>
</form>  
</body>
</html>
utifrån givet kriterium har du löst det. tack
HTML-kod: 
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
function lagg_till_text(id){
	var textarea = document.getElementById(id);
	textarea.value = "huhuhuhuhu";
}
</script>
</head>
<body>
<form>

<input type="button" value="klicka mig!" onclick="lagg_till_text('someTextArea');"></input>
<textarea id="someTextArea"></textarea>

</form>  
</body>
</html>
jag märkte att skriptet fungerar utan id på button, måste man inte ha det?
nu om jag skriver något i textarean och sedan trycker på knappen ersätts det jag har skrivit med textarea.value , hur kan jag göra för att bara lägga till textarea.value ?
Citera
2014-12-05, 07:45
  #7
poolo
Medlem
poolos avatar
Citat:
Ursprungligen postat av personkemi2.0
jag märkte att skriptet fungerar utan id på button, måste man inte ha det?
nu om jag skriver något i textarean och sedan trycker på knappen ersätts det jag har skrivit med textarea.value , hur kan jag göra för att bara lägga till textarea.value ?

Kod: 
textarea.value = textarea.value + "some text";
Citera
2014-12-05, 07:50
  #8
personkemi2.0
Medlem
Citat:
Ursprungligen postat av poolo
Kod: 
textarea.value = textarea.value + "some text";
det var enkelt! tack
HTML-kod: 
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
function lagg_till_text(id){
	var textarea = document.getElementById(id);
	textarea.value = textarea.value + "huhuhuhuhu";
}
</script>
</head>
<body>
<form>
<input type="button" value="klicka mig!" onclick="lagg_till_text('someTextArea');"></input>
<textarea id="someTextArea"></textarea>
</form>  
</body>
</html>
Citera
2014-12-05, 08:04
  #9
Proton
Medlem
Protons avatar
Citat:
Ursprungligen postat av personkemi2.0
utifrån givet kriterium har du löst det. tack
HTML-kod: 
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
function lagg_till_text(id){
	var textarea = document.getElementById(id);
	textarea.value = "huhuhuhuhu";
}
</script>
</head>
<body>
<form>

<input type="button" value="klicka mig!" onclick="lagg_till_text('someTextArea');"></input>
<textarea id="someTextArea"></textarea>

</form>  
</body>
</html>
jag märkte att skriptet fungerar utan id på button, måste man inte ha det?
nu om jag skriver något i textarean och sedan trycker på knappen ersätts det jag har skrivit med textarea.value , hur kan jag göra för att bara lägga till textarea.value ?
Beträffande id på din knapp så behövs inte det, det är endast om du ska göra nåt med knappen, dvs behöver addressera den på något sätt som du kommer behöva få tag på den med dess id.

I detta fallet har du ju en eventhandler som inte gör nåt med knappen, men väl ett annat id-satt element, av den anledningen funkar det.
Citera
Svara

Skapa ett konto eller logga in för att kommentera

Du måste vara medlem för att kunna kommentera

Skapa ett konto

Det är enkelt att registrera ett nytt konto

Bli medlem

Logga in

Har du redan ett konto? Logga in här

Logga in