Jquery | Μεταφορά ονομάτων των input με function

Κώδικας, πληροφορίες, ερωτήσεις και απαντήσεις σχετικές με την JavaScript.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
nknet
Δημοσιεύσεις: 97
Εγγραφή: 23 Οκτ 2003 07:54

Jquery | Μεταφορά ονομάτων των input με function

Δημοσίευση από nknet » 12 Ιουν 2013 16:04

Γεια σας
Ξέρει κανένας πως μπορώ αντί το 3 να έχω το aaIn και να μεταφέρω έτσι σε κάθε γραμμή δίπλα από το input το κείμενο?
Ευχαριστώ

Κώδικας: Επιλογή όλων

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
    </head>
    <script>
        function myFunction&#40;aaIn&#41; &#123;
            $&#40;'#control'+aaIn&#41;.html&#40;window.document.forms&#91;0&#93;.title3.value&#41;;
        &#125;
    </script>    
    <body>
        <form action="<?php echo $_SERVER&#91;'PHP_SELF'&#93;; ?>" method="post">
            <?php
            echo "\n";
            for &#40;$i = 0; $i < 5; $i++&#41; &#123;
                echo "\t\t<input type=\"text\" name=\"title".$i."\" value=\"\" onchange=\"myFunction&#40;".$i."&#41;\"/>\n";
                echo "\t\t<span id=\"control".$i."\"></span><br/>\n";
            &#125;
            ?>      
            <input type="submit" name="submitInsert" value="Εισαγωγή" />
            <input type="reset" name="Reset" value="Eπαναφορά"  />
        </form>
    </body>
</html>

alou
Script Master
Δημοσιεύσεις: 1374
Εγγραφή: 24 Αύγ 2007 19:52
Επικοινωνία:

Jquery | Μεταφορά ονομάτων των input με function

Δημοσίευση από alou » 12 Ιουν 2013 17:02

Μάλλον κάπως έτσι θα σε βολέψει. Προτίμησε το keyup σαν event στη συγκεκριμένη περίπτωση, γιατί το change θα λειτουργήσει λογικά στο blur (κλικ εκτός input).

Κώδικας: Επιλογή όλων

<script>
          $&#40;document&#41;.ready&#40;function&#40;&#41; &#123;
			$&#40;'form#movetitle input'&#41;.keyup&#40;function&#40;&#41;&#123;
				var newtext = $&#40;this&#41;.val&#40;&#41;;
				$&#40;this&#41;.next&#40;'span'&#41;.html&#40;newtext&#41;;
			&#125;&#41;;
		  &#125;&#41;
    </script>   
    <body>
        <form id="movetitle" action="<?php echo $_SERVER&#91;'PHP_SELF'&#93;; ?>" method="post">
            <?php
            echo "\n";
            for &#40;$i = 0; $i < 5; $i++&#41; &#123;
                echo "\t\t<input type=\"text\" name=\"title".$i."\" value=\"\" />\n";
                echo "\t\t<span id=\"control".$i."\"></span><br/>\n";
            &#125;
            ?>     
            <input type="submit" name="submitInsert" value="Εισαγωγή" />
            <input type="reset" name="Reset" value="Eπαναφορά"  />
        </form>
    </body>

edit: τώρα που το ξαναβλέπω, ενοείς αν μεταφέρεις το name του input στο span? Αν ναι, θα ο έκανα κάπως έτσι:

Κώδικας: Επιλογή όλων


$&#40;document&#41;.ready&#40;function&#40;&#41; &#123;
			$&#40;'form#movetitle input'&#41;.change&#40;function&#40;&#41;&#123;
				if &#40;$&#40;this&#41;.val&#40;&#41; != ''&#41; &#123;
					var newtext = $&#40;this&#41;.attr&#40;'name'&#41;;
					$&#40;this&#41;.next&#40;'span'&#41;.html&#40;newtext&#41;;
				&#125; else &#123;
					$&#40;this&#41;.next&#40;'span'&#41;.html&#40;''&#41;;
				&#125;
			&#125;&#41;;
		  &#125;&#41;
    </script>   
    <body>
        <form id="movetitle" action="<?php echo $_SERVER&#91;'PHP_SELF'&#93;; ?>" method="post">
            <?php
            echo "\n";
            for &#40;$i = 0; $i < 5; $i++&#41; &#123;
                echo "\t\t<input type=\"text\" name=\"title".$i."\" value=\"\" />\n";
                echo "\t\t<span id=\"control".$i."\"></span><br/>\n";
            &#125;
            ?>     
            <input type="submit" name="submitInsert" value="Εισαγωγή" />
            <input type="reset" name="Reset" value="Eπαναφορά"  />
        </form>


Άβαταρ μέλους
nknet
Δημοσιεύσεις: 97
Εγγραφή: 23 Οκτ 2003 07:54

Jquery | Μεταφορά ονομάτων των input με function

Δημοσίευση από nknet » 14 Ιουν 2013 10:38

Σε ευχαριστώ για την απάντηση

Άλλα θέλω να μεταφέρω το όνομα του input (ή ένα μέρος του π.χ. το νούμερο που βάζω στο τέλος) για παράδειγμα

Κώδικας: Επιλογή όλων

function myFunction&#40;numIn&#41; &#123;
     $&#40;'#'+numIn&#41;.html&#40;window.document.forms&#91;0&#93;.onomaInput    numIn      .value&#41;;
&#125;
.
.
.
<input type="text" name="onomaInput1" value="" onchange="myFunction&#40;1&#41;" />
<span id="control1">

Δεν με βολεύει το this γιατί μέσα στο function θέλω να επιλέγω ποια άλλα input θα ξανά "τρέχω".

Άβαταρ μέλους
nknet
Δημοσιεύσεις: 97
Εγγραφή: 23 Οκτ 2003 07:54

Jquery | Μεταφορά ονομάτων των input με function

Δημοσίευση από nknet » 14 Ιουν 2013 11:50

Το βρήκα !
Και πάλη ευχαριστώ που το έψαξες.

Κώδικας: Επιλογή όλων

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
    </head>
    <script>
        function myFunction&#40;aaIn&#41; &#123;
            $&#40;'#control'+aaIn&#41;.html&#40;$&#40;"#IdTitle"+aaIn&#41;.prop&#40;"value"&#41;&#41;;
        &#125;
    </script>   
    <body>
        <form action="<?php echo $_SERVER&#91;'PHP_SELF'&#93;; ?>" method="post">
            <?php
            echo "\n";
            for &#40;$i = 0; $i < 5; $i++&#41; &#123;
                echo "\t\t<input type=\"text\" id=\"IdTitle" . $i . "\" name=\"title" . $i . "\" value=\"\" onchange=\"myFunction&#40;" . $i . "&#41;\"/>\n";
                echo "\t\t<span id=\"control" . $i . "\"></span><br/>\n";
            &#125;
            ?>     
            <input type="submit" name="submitInsert" value="Εισαγωγή" />
            <input type="reset" name="Reset" value="Eπαναφορά"  />
        </form>
    </body> 
</html>

Απάντηση

Επιστροφή στο “JavaScript και Frameworks”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες