10
votes

Ajoutez le champ de texte d'entrée avec valeur d'un div

J'essaie d'ajouter un champ de texte d'entrée et sa valeur pour être la valeur d'un div.

Voici ce que je suis venu jusqu'à présent: xxx


1 commentaires

alors quel est le problème exactement?


4 Réponses :


18
votes

N'utilisez pas de chaînes HTML pour tout!

$(this).append(
    $('<input>', {
        type: 'text',
        val: $('#div1').text()
    })
);


7 commentaires

Merci. Probablement le meilleur moyen


@Minitech Avez-vous des ressources sur n'utilisez pas de chaînes HTML? aimerait lire à ce sujet. Merci


@jquerybast: pas hors de main. Je pouvais écrire un article de blog à ce sujet maintenant :) La raison en est que vous n'avez pas besoin de vous soucier de vous échapper et de taper des erreurs qui se manifestent uniquement au moment de l'exécution.


@jquerybeast LearningJQuery.com/2009/03/... < / a> Stackoverflow.com/questions/327047/...


@ RY- Quels sont les autres paramètres pour cela, comment puis-je faire un champ de saisie 'Readonly'?


@Khushboogupta: Readonly: true , mais rappelez-vous que vous pouvez toujours chaînerez-la des trucs aussi, donc $ ('<< entrée>', ...) .Prop ("Readonly", vrai) .


@ Ry- merci. Tout document pour cela. Je veux vraiment en apprendre de ça.



4
votes
$(this).append('<input type="text" value='+ $('#div1').html()+ '>');

2 commentaires

BTW ... DIVS n'a pas de val () valeur


@Josephmarikle Yeap. n'a pas remarqué.



2
votes
$(this).append('<input type="text" value=' + $('#div1').val() + '>');
don't forget to concatonate with +Also, this assumes $(this) is an actual object.

2 commentaires

BTW ... DIVS n'a pas de val () valeur


Une entrée peut-on donner un identifiant de div1 cependant. Cela pourrait toujours être correct puisqu'il n'a pas fourni HTML.



0
votes

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <style>
  </style>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
 
<div id="parent-dv">
	<lable for="posting">POST</lable>
	<textarea style="width:400px; height:auto;"></textarea>
	<input type="Submit" id="inputsubmit">
	<button id="clear">Clear</button>
	<p></p>	
	</div>
 

 
</body>
</html>


0 commentaires