سوال: با زدن دکمه تکست باکس اظافه شود؟؟ [بایگانی]

aliramazani

یک شنبه 26 دی 1389, 12:12 عصر

سلام
من میخوام یه فرمی داشته باشم که یک تکست باکس داشته باشه ولی وقتی روی دکمه خاصی کلیک کنم بازم یه تکست باکس دیگه اظافه کنه و همینطور ادامه داشته باشه
مثلا اگه تکست باکس اولی اسمش t1 بود تکست باکسهای بعدی به ترتیب t2 , t3,tn باشه

hossin.esm

یک شنبه 26 دی 1389, 12:51 عصر

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
function create() {
var f=document.forms[0];
var l=f.getElementsByTagName("input").length;
var i=l+1;
f.innerHTML +="<br /> <input type='text' name='t"+i+"' >";
}
</script>
</head>
<body>
<button onClick="create()">create </button><br />
<form>
<input type="text" name="t1" >
</form>
</body>
</html>

aliramazani

چهارشنبه 29 دی 1389, 11:21 صبح

این کد شماره ها را از 9 شروع میکنه و 8تا 8تا اظافه میکنه

<script type="text/javascript">
function create() {
var f=document.forms[0];
var l=f.getElementsByTagName("input").length;
var i=l+1;
f.innerHTML +="<br /> <table><tr><td><input type='text' name='d5rishe"+i+"' size='10' value='d5rishe"+i+"'></td><td><input type='text' name='d5amel"+i+"' size='10'></td><td><input type='text' name='d5nokteh"+i+"' size='10'></td><td><input type='text' name='d5standard"+i+"' size='10'></td><td><input type='text' name='d5standard"+i+"' size='10'></td><td><select size='1' name='d5vaziat_vaghei"+i+"'><option>OK</option><option>NOK</option></select></td><td><select size='1' name='d5standardok"+i+"'><option>OK</option><option>NOK</option></select></td><td><input type='text' name='d5eghdam_tahghighi"+i+"' size='10'></td><td><input type='text' name='d5masool"+i+"' size='10'></td><td><select name='d5day"+i+"' size='1'><option>01</option><option>02</option><option>03</option><option>04</option><option>05</option><option>06</option><option>07</option><option>08</option><option>09</option> <option>10</option><option>11</option><option>12</option><option>13</option><option>14</option><option>15</option><option>16</option><option>17</option><option>18</option><option>19</option><option>20</option><option>21</option><option>22</option><option>23</option> <option>24</option><option>25</option><option>26</option><option>27</option><option>28</option><option>29</option><option>30</option><option>31</option></select></td><td><select name='d5month"+i+"' size='1'><option>01</option> <option>02</option><option>03</option><option>04</option><option>05</option><option>06</option><option>07</option><option>08</option><option>09</option><option>10</option> <option>11</option><option>12</option></select></td><td><select name='d5year"+i+"' size='1'><option>1380</option><option>1381</option><option>1382</option><option>1383</option><option>1384</option><option>1385</option><option>1386</option><option>1387</option><option>1388</option><option>1389</option><option selected>1390</option><option>1391</option><option>1392</option><option>1393</option><option>1394</option><option>1395</option><option>1396</option><option>1397</option><option>1398</option><option>1399</option><option>1400</option></select></td><td><input type='text' name='d5natayej_eyb"+i+"' size='10'></td><td><select name='d5sehe"+i+"' size='1'><option>تصديق کردن</option><option>NOK</option></select></td></tr></table>";
}
</script>