Jquery pievieno input

reiniger · August 31, 2010

Sveiki

Mekleju google, bet isti neatradu.

Man nepieciešams pie formas ja ievadits Vards un Uzvārds tad paradas uzreiz zem ta jauni šie lauki. tas butu ka var pievienot vairak cilvēkus.

<form name="grupa" method="post">
<table>
 <tr>
   <td>Vards</td><td>Uzvārds></td>
 </tr>
 <tr>
   <td><input type="text" name="Name"></td><td><input type="text" name="LastName"></td>
 </tr>
 <tr>
   <td>Grupa</td><td><input type="text" name="grupa"></td>
 </tr>
 <tr>
   <td>Vieta</td><td><input type="text" name="vieta"></td>
 </tr>
</form>

Vārds  |  uzvārds
jānis  | liepa
rita   | kreisā
grupa  | 4
vieta  | 3

Zinu ka to var panakt ar Jquery, bet kaut ka pašam vel nesanāk.

Varetu palīdzēt ar padomu!

Леший · August 31, 2010

http://api.jquery.com/clone/

Maris-S · August 31, 2010

Tā tīri intereses pēc izmēģināju, jo man no jquery īpaši nav nekādas zināšanas pagaidām, bet liekās dīvaini tas, ka jquery neprecīzi apstrādā <select> elementus, neatstāj izvēlēto vērtību.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Jquery</title>

<script type="text/javascript" src="js/jquery.min.js"></script>
</head>
<body>
<div id="container">
	<div id="content" style="width: 250px; height: 150px; margin-top: 10px; background-color: lime">
		<select name="choose">
			<option value="1">Viens</option>
			<option value="2">Divi</option>
			<option value="3">Trīs</option>
			<option value="4">Četri</option>
		</select>
	</div>
</div>
<input type="button" value="Pievienot" onclick="javascript: $('#content').clone().appendTo('#container');">
</body>
</html>

Sākumā īsti nestrādāja ne mozillā, ne IE8, nokopēju jaunāko versiju, tagad IE8 strādā, bet FF vienalga nē, IE6 un Operā arī strādā. Tā kā esmu taisījis šādas lietas patstāvīgi, bez jquery, tad ir zināms tāds bugs IE pārlūkos, ka javascript cloneNode metode neatceras select izvēlēto vērtību, iespējams tāpēc arī vecāka jquery versija nepareizi darbojās ar šo lietu, bet tagad tas ir labots. Tomēr tā kā joprojām nestrādā FF, tad ir jautājums, tas ir jquery bugs, vai es tomēr kaut ko daru nepareizi?

Edited August 31, 2010 by Maris-S

briedis · August 31, 2010

Paprovē nomainīt id uz klasi, jo id tak drīkst būt tikai viens, bet tur tur viņus klonē.. (nezinu vai tas atrisinās problēmu)

Леший · September 1, 2010

Maris-S, paprovē .clone(true) (RTFM http://api.jquery.com/clone/)

Maris-S · September 1, 2010

Леший, nestrādā vienalga. Domāju tas ir saistīts ar cloneNode metodes nepilnībām. Pagaidām cits darbiņš jāpadara, būs vēl Briedis ieteikumu jāizmēģina pēc laiciņa.

indoom · September 1, 2010

Pirmkārt, onlick atribūtā nav jāraksta javascript:, tas, jebkurā gadījumā, var būt tikai javascripts.

Nokopē izvēlēto indexu pēc noklonēšanas no vecā uz jauno selectu.

Un ne tikai id jānomaina klonējot, bet arī selectam noteikti name jābūt choose[], citādi nopostosies tikai viens selects

briedis · September 1, 2010

Njā, rekur ir par tā buga attīstību:

http://dev.jquery.com/ticket/1294

Edited September 1, 2010 by briedis

Леший · September 1, 2010

Es domāju, ka pēc .clone(true) vari pielikt $(sourceNode).find('select').each(function(){...});

Maris-S · September 1, 2010

Indoom, Леший, jā, ir jāveic papildus darbības, lai saglabātu izvēlēto lauciņu. Kā jau teicu, jquery nemaz neesmu lietojis un tikai tāpēc izmēģināju, domāju pārbaudīt vai cloneNode nepilnība viņiem izlabota vai nē, tīri intereses pēc. Pats es taisīju aptuveni šādu javascript:

function cancelEvents(e) {
if (!e)
	e = window.event;

e.cancelBubble = true;
if (e.stopPropagation)
	e.stopPropagation();
}

function clone(element, e) {
var dub = element.cloneNode(true);
if (!e)
	var e = window.event;
element['on'+e.type]=null;
if (typeof(dub.value)!='undefined')
	dub.value='';
element.parentNode.appendChild(dub);
cancelEvents(e);
return dub;
}

function cloneRow(element, e) {
newRow=clone(element, e);

//IE do not leave selected option after clone select element.
var previousSelects=element.getElementsByTagName('select');
var newSelects=newRow.getElementsByTagName('select');
for (var i=0; i<previousSelects.length; i++)
	if (previousSelects[i].name==newSelects[i].name)
		newSelects[i].options[previousSelects[i].selectedIndex].selected=true;

var newInputs=newRow.getElementsByTagName('input');
for (var i=0; i<newInputs.length; i++)
	newInputs[i].value='';

cancelEvents(e);

return newRow;
}

Briedis, jā, bet bugs izskatās ir izlabots, jo ar jaunāko jquery stradā IE, bet sācis Mozillā FF nestrādāt, laikam pārcentušies.

Par to 'javascript:' īsti pat nezinu vai jāliek vai nē, parasti viņš arī ieliekot strādā pareizi, tur vēl var būt arī 'vbscript:'. Cik uz ātro pameklēju tad sanāk lapā pieeja būtu izmantot meta tagu, kas norāda kādi skripti tiks izmantoti tālāk un tad pēc tam viņu nenorāda.

<meta http-equiv="Content-Script-Type" content="text/javascript">

Edited September 1, 2010 by Maris-S

indoom · September 1, 2010

javascript ir defaultais. Izskatās, ka VBScriptiem jāpieliek papildus atribūts language="VBScript"

Sign In

Jquery pievieno input

Question

Link to comment

Share on other sites

10 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation