JS| הוספת עוד תיבות INPUT ללא מחיקה? - הוסטס

dabi · 09-08-12, 13:29

בניתי קוד ממש קל ופשוט

PHP קוד:


			
<html>

<head>

<title></title>

<script language="javascript">

fields = 0;

function addInput() {



document.getElementById('text').innerHTML += "<input type='file' value='' /><br />";

fields += 1;



}





</script>

</head>

<body>



<input type="button" onclick="addInput()" name="advd" value="הוסף קובץ" /><br />





<form name="form">

<div id="text">



<input type='file' value='' /><br />

<input type='file' value='' /><br />

<input type='file' value='' /><br />



</div> </form>

</body>

</html>

המטרה שבלחיצה הוא יוסיף לי עוד תיבות INPUT לטופס
עובד נהדר!
הבעיה היא כאשר אני עושה "עיון" ואז בוחר קובץ מהמחשב
זה רושם הרי את הנתיב של הקובץ בתוך התיבת INPUT
ואז כשאני עושה הוסף עוד זה מוסיף עוד תיבות אבל מוחק את כל הנתיבים שרשומים בINPUT
מה לעשות?
תודה

Itay · 09-08-12, 13:35

כי אתה בעצם טוען את ה-HTML ששם מחדש
ב-JS אתה צריך להשתמש ב-appendChild, או ב-append של jquery

dabi · 09-08-12, 13:37

ציטוט:

נכתב במקור על ידי Itay

כי אתה בעצם טוען את ה-HTML ששם מחדש
ב-JS אתה צריך להשתמש ב-appendChild, או ב-append של jquery

סלח לי לא הבנתי מה ניתן לעשות
הנה הוא עשה את זה טוב
http://www.ufu.co.il/
עם appendChild
איך בידיוק עושים זאת

dabi · 09-08-12, 13:50

הסתדרתי

קוד:

<script language="javascript">
(function() {
    var i = 0;
    window.addfile = function() {
        var input = document.createElement('input');
        input.type = 'file';
        input.name = 'file' + i++;

        document.getElementById('form_name').appendChild(input);
    }
})();

</script>

<form id="form_name">
    
    
    <input type="button" onclick="addfile();" value="add file input" />
    
</form>

09-08-12, 13:29	# 1
dabi חבר וותיק מיני פרופיל תאריך הצטרפות: Dec 2007 הודעות: 1,767	JS\| הוספת עוד תיבות INPUT ללא מחיקה? בניתי קוד ממש קל ופשוט PHP קוד: <html> <head> <title></title> <script language="javascript"> fields = 0; function addInput() { document.getElementById('text').innerHTML += "<input type='file' value='' /><br />"; fields += 1; } </script> </head> <body> <input type="button" onclick="addInput()" name="advd" value="הוסף קובץ" /><br /> <form name="form"> <div id="text"> <input type='file' value='' /><br /> <input type='file' value='' /><br /> <input type='file' value='' /><br /> </div> </form> </body> </html> המטרה שבלחיצה הוא יוסיף לי עוד תיבות INPUT לטופס עובד נהדר! הבעיה היא כאשר אני עושה "עיון" ואז בוחר קובץ מהמחשב זה רושם הרי את הנתיב של הקובץ בתוך התיבת INPUT ואז כשאני עושה הוסף עוד זה מוסיף עוד תיבות אבל מוחק את כל הנתיבים שרשומים בINPUT מה לעשות? תודה

09-08-12, 13:35	# 2
Itay חבר מתקדם מיני פרופיל תאריך הצטרפות: Oct 2005 גיל: 35 הודעות: 564	כי אתה בעצם טוען את ה-HTML ששם מחדש ב-JS אתה צריך להשתמש ב-appendChild, או ב-append של jquery __________________ הורדת שירים מיוטיוב, הורדת שירים, שירים להורדה, שירים להורדה מיוטיוב, העלאת תמונות


	ההרשמה לפורום נפתחה - אפשרות רישום לכל אימייל (דומיינים פרטיים, gmail, הוטמייל..)!

חברים פעילים הצופים באשכול זה: 1 (0 חברים ו- 1 אורחים)