Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,027

HOME > Client Script Forum > ช่วยด้วยคับ จะอ้าง tag ยังไงดี ให้เลขมันรันเรียงกันไปรื่อยๆ

ช่วยด้วยคับ จะอ้าง tag ยังไงดี ให้เลขมันรันเรียงกันไปรื่อยๆ

เริ่มหัวข้อใหม่

Gantz

โพสกระทู้ ( 9 )
บทความ ( 0 )

ตอนนี้ผมกำลังทำแบบฟอร์มสมัครงานอ่ะคับ ซึ่งตรงแบบฟอร์มประสบการณ์การทำงาน สามารถกดเพิ่ม-ลบได้ แต่ว่าตรงหัวแบบฟอร์ม ผมจะอ้างยังไงให้มันเปลี่ยนลำดับอ่ะึคับ

อ้าง tag ใน html

Code (JavaScript)


$(document).ready(function()
	{
		var id = "";
		$('#add_item').click(function()
		{
			var table = document.getElementById('mytbl');
            var rowCount = table.rows.length - 1;

			
			$('#mytbl tbody').last().clone().appendTo('#mytbl tbody');
			$('#mytbl tbody').last().attr('id',rowCount);
			
			var RunDown = "ลำดับที่  " + rowCount;

			$('#Del').show();

		});
	});
	
	function doRemoveItem(obj)
	{
		if($('#mytbl tbody tr').size() > 1)
		{
			var table = document.getElementById('mytbl');
            var rowCount = table.rows.length;
			var NewRowCount = rowCount -1;
			$("#"+NewRowCount).remove();
		}
		
		else if($('#mytbl tbody tr').size() < 2)
		{
			alert('ไม่อนุญาตให้ลบแถวที่เหลือนี้ได้');
		}
	}

Code

<BODY>
<a id="top"></a>
	<DIV id="Wrapper">
		<DIV id="WTop"><DIV id="WFoot">
		  <DIV id="Container">
		  <DIV id="pl_page">
			  <TABLE border="0"  align="center" cellpadding="0" cellspacing="0" >
					<TBODY>
                  <TR>
						
						<TD width="694" bgcolor="#FFFFFF" id="td_right"><DIV id="appform">
						  <DIV class="cen_bg">
							<FORM id="frmSend" name="frmSend" method="post" >
								<p>
								  <INPUT type="hidden" name="action" value="insert">
								  <INPUT type="hidden" name="h_job" value="">
								</p>
								<p><strong><img src="images/graphics/regis_1/regist2_08.gif" alt="" width="110" height="38" /></strong><br />
							    <div align="center">
                                <img id="Regis" onclick="GoPage(this.id)" src="images/graphics/progress tab/bottom_pavat2_02.jpg" width="138" height="50" />
                               &nbsp; <img id="Regis2" onclick="GoPage(this.id)" src="images/graphics/progress tab/bar3_J_02.jpg" width="149" height="50" />
                               &nbsp; <img src="images/graphics/progress tab/bar2_J-_06.jpg" width="145" height="50" />
                                </div>								</p>
								<DIV class="cen" style="padding-top:10px;">
                                  <TABLE border="0" cellpadding="0" cellspacing="0" width="100%" align="center">
                                        <TBODY><TR>
                                            <TD colspan="4" background=""><img src="pics/blank.gif" width="1" height="1" />                                        </TR>
                                        <tr>
                                          <td colspan="4" align="left"><strong><font class="head_font" color="#3300FF">การศึกษา (ระบุเฉพาะระดับการศึกษาสูงสุด)</font></strong></td>
                                        </tr>
                                        <tr>
                                          <td colspan="4" align="left">&nbsp;</td>
                                        </tr>
                                        <tr>
                                          <td colspan="4" height="3" align="left"></td>
                                        </tr>
                                        <tr>
                                          <td align="left"><div style="width:20px; padding-top:5px;"></div></td>
                                          <td width="38%" align="left"><div style="width:250px;"><span style="width:90px; padding-top:5px;"><strong class="normal_font">ระดับการศึกษา</strong><font style="font-size:small; vertical-align:top;" color="#FF0000"> *</font> </span>
                                              <select name="PositionID3" class="dropdown" id="PositionID3" style="width:120px;" onchange="chn_job();">
                                              <option value="">ระดับการศึกษา</option>
                                              <option value="">----------------------------------------------------</option>
</select>
                                          </div></td>
                                          <td colspan="2"><div style="width:300px;"><strong class="normal_font">คณะ</strong><font style="font-size:small; vertical-align:top;" color="#FF0000"> *</font> <span style="width:100px;">
                                            <input name="Position" type="text" class="txt_input_white" style="width:200px;" maxlength="100"/>
                                          </span></div></td>
                                          </tr>
                                        <tr>
                                          <td colspan="4" height="3" align="left"></td>
                                          </tr>
                                        <TR>
                                            <TD width="4%" align="left"><div style="width:20px; padding-top:5px;"></div><br />                                              </TD>
                                            <TD align="left"><div style="width:220px;"><strong class="normal_font">สาขาวิชา</strong><font style="font-size:small; vertical-align:top;" color="#FF0000"> *</font> <span style="width:100px;">
                                              <input name="Position2" type="text" class="txt_input_white" style="width:150px;" maxlength="100"/>
                                            </span></div></TD>
                                            <TD colspan="2"><div style="width:300px;"> <span style="width:90px; padding-top:5px;"><strong class="normal_font">ชื่อสถาบัน</strong><font style="font-size:small; vertical-align:top;" color="#FF0000"> *</font></span>
                                              <select name="PositionID2" class="dropdown" id="PositionID2" style="width:200px;" onchange="chn_job();">
                                                <option value="">สถาบัน</option>
                                                <option value="">----------------------------------------------------</option>
                                                <option>มหาวิทยาลัยเทคโนโลยีพระจอมเกล้าธนบุรี</option>
                                              </select>
                                            </div></TD>
                                          </TR>
                                        <TR>
                                          <TD colspan="4" height="3" align="left"></TD>
                                          </TR>
                                        <TR>
                                            <TD align="left">&nbsp;</TD>
                                            <TD align="left"><div style="width:250px;"><strong class="normal_font">เกรดเฉลี่ย</strong><font style="font-size:small; vertical-align:top;" color="#FF0000"> *</font> <span style="width:150px;">
                                              <input name="Salary" type="text" class="txt_input_white" style="width:50px;" maxlength="100" />
                                            </span></div></TD>
                                            <td colspan="2" align="left"><div style="width:300px; padding-top:5px;"><strong class="normal_font">สิ้นสุดปีการศึกษา</strong><font style="font-size:small; vertical-align:top;" color="#FF0000"> *</font> <span style="width:70px;">
                                              &nbsp; 
                                              <select name="PositionID" class="dropdown" id="PositionID" onchange="chn_job();" style= "width:70px; text-align:center;">
                                                <option value="">ปีการศึกษา</option>
                                                <option>----------------------</option>
                                              </select>
                                          </span>-<span style="width:70px;">
                                          <select name="PositionID5" class="dropdown" id="PositionID5" onchange="chn_job();" style= "width:70px; text-align:center;">
                                            <option value="">ปีการศึกษา</option>
                                            <option>----------------------</option>
                                          </select>
                                          </span></div></td>
                                          </TR>
                                        <TR>
                                            <TD align="left">
                                              <H3>&nbsp;</H3>
                                            </TD>
                                            <TD align="left">&nbsp;</TD>
                                            <TD width="19%" align="left">&nbsp;</TD>
                                            <TD width="39%" align="left">&nbsp;</TD>
                                        </TR>
                                  </table>
								</DIV>

<DIV class="cen">

<table id="mytbl" width="100%" cellspacing="1" cellpadding="1" align="center" border="1">
  <thead>
    <tr>
      <td align="left"><strong><font color="#3300FF" class="head_font">ประวัติการทำงาน (กรอกจากปัจจุบันไปอดีต)</font></strong></td>
    </tr>
  </thead>
  
  <tbody>
  <tr>
  		<td colspan="2" align="center">
        ลำดับที่ 1
        </td>
  </tr>
    <tr id="0">
              <td align="middle"><p><span style="width:70px;"><strong class="normal_font">เริ่ม</strong></span>
                <select name="s_birth_month2" class="dropdown_green_area" style="width:70px">
                    <option value="">เดือน</option>
                    <option value="01">มกราคม</option>
                    <option value="02">กุมภาพันธ์</option>
                    <option value="03">มีนาคม</option>
                    <option value="04">เมษายน</option>
                    <option value="05">พฤษภาคม</option>
                    <option value="06">มิถุนายน</option>
                    <option value="07">กรกฎาคม</option>
                    <option value="08">สิงหาคม</option>
                    <option value="09">กันยายน</option>
                    <option value="10">ตุลาคม</option>
                    <option value="11">พฤศจิกายน</option>
                    <option value="12">ธันวาคม</option>
                    </select>
                  &nbsp;
                  <select name="s_birth_year2" class="dropdown_green_area" style="width:50px">
                    <option value="">ปี</option>
                    <option value="1952">2495</option>
                    <option value="1953">2496</option>
                    <option value="1954">2497</option>
                    <option value="1955">2498</option>
                    <option value="1956">2499</option>
                    <option value="1957">2500</option>
                    <option value="1958">2501</option>
                    <option value="1959">2502</option>
                    <option value="1960">2503</option>
                    <option value="1961">2504</option>
                    <option value="1962">2505</option>
                    <option value="1963">2506</option>
                    <option value="1964">2507</option>
                    <option value="1965">2508</option>
                    <option value="1966">2509</option>
                    <option value="1967">2510</option>
                    <option value="1968">2511</option>
                    <option value="1969">2512</option>
                    <option value="1970">2513</option>
                    <option value="1971">2514</option>
                    <option value="1972">2515</option>
                    <option value="1973">2516</option>
                    <option value="1974">2517</option>
                    <option value="1975">2518</option>
                    <option value="1976">2519</option>
                    <option value="1977">2520</option>
                    <option value="1978">2521</option>
                    <option value="1979">2522</option>
                    <option value="1980">2523</option>
                    <option value="1981">2524</option>
                    <option value="1982">2525</option>
                    <option value="1983">2526</option>
                    <option value="1984">2527</option>
                    <option value="1985">2528</option>
                    <option value="1986">2529</option>
                    <option value="1987">2530</option>
                    <option value="1988">2531</option>
                    <option value="1989">2532</option>
                    <option value="1990">2533</option>
                    <option value="1991">2534</option>
                    <option value="1992">2535</option>
                    <option value="1993">2536</option>
                    <option value="1994">2537</option>
                    <option value="1995">2538</option>
                    <option value="1996">2539</option>
                    <option value="1997">2540</option>
                    <option value="1998">2541</option>
                    <option value="1999">2542</option>
                    <option value="2000">2543</option>
                    <option value="2001">2544</option>
                    <option value="2002">2545</option>
                    <option value="2003">2546</option>
                    <option value="2004">2547</option>
                    <option value="2005">2548</option>
                    <option value="2006">2549</option>
                    <option value="2007">2550</option>
                    <option value="2008">2551</option>
                    <option value="2009">2552</option>
                    <option value="2010">2553</option>
                    <option value="2011">2554</option>
                    <option value="2012">2555</option>
                    </select>
                  &nbsp; &nbsp; <span style="width:100px;"><strong class="normal_font">&nbsp;&nbsp; สิ้นสุด</strong></span>
                  <select name="s_birth_month3" class="dropdown_green_area" style="width:70px">
                    <option value="">เดือน</option>
                    <option value="01">มกราคม</option>
                    <option value="02">กุมภาพันธ์</option>
                    <option value="03">มีนาคม</option>
                    <option value="04">เมษายน</option>
                    <option value="05">พฤษภาคม</option>
                    <option value="06">มิถุนายน</option>
                    <option value="07">กรกฎาคม</option>
                    <option value="08">สิงหาคม</option>
                    <option value="09">กันยายน</option>
                    <option value="10">ตุลาคม</option>
                    <option value="11">พฤศจิกายน</option>
                    <option value="12">ธันวาคม</option>
                    </select>
                  <select name="s_birth_year4" class="dropdown_green_area" style="width:50px">
                    <option value="">ปี</option>
                    <option value="1952">2495</option>
                    <option value="1953">2496</option>
                    <option value="1954">2497</option>
                    <option value="1955">2498</option>
                    <option value="1956">2499</option>
                    <option value="1957">2500</option>
                    <option value="1958">2501</option>
                    <option value="1959">2502</option>
                    <option value="1960">2503</option>
                    <option value="1961">2504</option>
                    <option value="1962">2505</option>
                    <option value="1963">2506</option>
                    <option value="1964">2507</option>
                    <option value="1965">2508</option>
                    <option value="1966">2509</option>
                    <option value="1967">2510</option>
                    <option value="1968">2511</option>
                    <option value="1969">2512</option>
                    <option value="1970">2513</option>
                    <option value="1971">2514</option>
                    <option value="1972">2515</option>
                    <option value="1973">2516</option>
                    <option value="1974">2517</option>
                    <option value="1975">2518</option>
                    <option value="1976">2519</option>
                    <option value="1977">2520</option>
                    <option value="1978">2521</option>
                    <option value="1979">2522</option>
                    <option value="1980">2523</option>
                    <option value="1981">2524</option>
                    <option value="1982">2525</option>
                    <option value="1983">2526</option>
                    <option value="1984">2527</option>
                    <option value="1985">2528</option>
                    <option value="1986">2529</option>
                    <option value="1987">2530</option>
                    <option value="1988">2531</option>
                    <option value="1989">2532</option>
                    <option value="1990">2533</option>
                    <option value="1991">2534</option>
                    <option value="1992">2535</option>
                    <option value="1993">2536</option>
                    <option value="1994">2537</option>
                    <option value="1995">2538</option>
                    <option value="1996">2539</option>
                    <option value="1997">2540</option>
                    <option value="1998">2541</option>
                    <option value="1999">2542</option>
                    <option value="2000">2543</option>
                    <option value="2001">2544</option>
                    <option value="2002">2545</option>
                    <option value="2003">2546</option>
                    <option value="2004">2547</option>
                    <option value="2005">2548</option>
                    <option value="2006">2549</option>
                    <option value="2007">2550</option>
                    <option value="2008">2551</option>
                    <option value="2009">2552</option>
                    <option value="2010">2553</option>
                    <option value="2011">2554</option>
                    <option value="2012">2555</option>
                    </select>
              </p>
                <p><span style="width:250px;"><span style="width:70px;"><strong class="normal_font">บริษัท</strong></span>
                  <input name="Name_Eng" type="text" class="txt_input" maxlength="50" style="width:200px;" />
                  </span>&nbsp; &nbsp;<span style="width:250px;"><strong class="normal_font">ตำแหน่งสุดท้าย</strong>
                    <input name="Sur_Eng2" type="text" class="txt_input" id="Sur_Eng2" maxlength="50" style="width:100px;" />
                  </span></p>
                <p><span style="width:250px;"><strong class="normal_font">เงินดือนสุดท้าย</strong>
                  <input name="Address_Present" type="text" class="txt_input" maxlength="5" style="width:70px;" />
                  <strong class="normal_font">บาท </strong></span></p>
                <p><strong class="normal_font">ลักษณะงาน</strong><span style="width:300px;">
                  <br />
                  <textarea name="textarea2" cols="80" rows="5" class="text_area_page2" id="textarea2"></textarea>
                </span></p>
                <strong class="normal_font">สาเหตุที่ลาออก</strong></span>
                <input name="Address_Present2" type="text" class="txt_input" maxlength="250" style="width:300px;"/>
                <br />
                <br />
                <!--<button id="Del" onclick="javascript:doRemoveItem(this);" style="width:22px;">-</button>-->              </td>
              </tr>
  </tbody>
</table>
<div style="margin:5px auto 0px auto;">
  <!--<button type="button" id="add_item" style="width:22px;" >+</button>-->
  <p id="add_item">เพิ่มลำดับ</p>
</div>
<div style="margin:5px auto 0px auto;">
  <!--<button id="Del" onclick="javascript:doRemoveItem(this);" style="width:22px;">-</button>-->
  <p id="Del" onclick="javascript:doRemoveItem(this);">ลบลำดับ</p>
</div>

 </DIV>

</FORM>

                                </DIV>
                                <DIV class="bot"></DIV>
							</DIV>
						</TD>
					</TR>
				</TBODY></TABLE>
			</DIV>


		</DIV>
	  </DIV></DIV>
	</DIV>
</BODY>

Tag : HTML/CSS, JavaScript, jQuery

Date : 2012-11-14 14:31:49

By : resonancez00

View : 1414

Reply : 1

No. 1

TC Admin

โพสกระทู้ ( 74,058 )
บทความ ( 838 )

ลองสร้างตัวตัวแปร JavaScript ขั้นมา 1 ตัวครับ ไว้จัดเก็บลำดับครับ

Date : 2012-11-15 08:50:53

By : mr.win

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : ช่วยด้วยคับ จะอ้าง tag ยังไงดี ให้เลขมันรันเรียงกันไปรื่อยๆ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 00

Registered : 109,027

document.write("<font color=996600>[PHP]</font>"); ช่วยด้วยคับ จะอ้าง tag ยังไงดี ให้เลขมันรันเรียงกันไปรื่อยๆ

No. 1

ค้นหาข้อมูล

อัพโหลดแทรกรูปภาพ

Notice

ช่วยด้วยคับ จะอ้าง tag ยังไงดี ให้เลขมันรันเรียงกันไปรื่อยๆ