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

- פורום תיכנות (https://hosts.co.il/forums/forumdisplay.php?f=14)

- - JS| הוספת עוד תיבות INPUT ללא מחיקה? (https://hosts.co.il/forums/showthread.php?t=99166)

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
מה לעשות?
תודה

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

ציטוט:

נכתב במקור על ידי Itay (פרסם 853812)

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

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

הסתדרתי

קוד:

<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>