ต่อไป »

[MD.18]

ช่วยหน่อยครับ -  - เรื่องการทำดรอปดาวน์แบบลิสนะครับ คือต้องการให้ก่อนจะกดเลือกดรอบลงมาให้แสดงคำว่า "เลือกแผนกที่ต้องการ"  ครับ ต้องทำยังไง
มันเหมือนจะเป้นพื้นฐานแต่ผมไม่รู้จริง ๆ อ่าครับ ว่าแบบดรอปลิสลงมานี่ใช้โค๊ดตัวไหน  
จากโค๊ดนี่เลยครับ

โค๊ด:

<select name="department" placeholder="selected" >	
						<optgroup label="รายชื่อแผนก" >
						<option value="dpt1" >แผนกที่1</option>
						<option value="dpt2" >แผนกที่2</option>
						<option value="dpt3" >แผนกที่3</option>
						<option value="dpt4" >แผนกที่4</option>
						<option value="dpt5" >แผนกที่5</option>
					</select>

ขอบคุณครับ  

[mod-heavy-mod]

<select name="department" placeholder="selected" >   
                  <optgroup label="รายชื่อแผนก" >

<option value="0">เลือกแผนกที่ต้องการ</option> <----------- ลืมใส่ตรงนี้ครับ

                  <option value="dpt1" >แผนกที่1</option>
                  <option value="dpt2" >แผนกที่2</option>
                  <option value="dpt3" >แผนกที่3</option>
                  <option value="dpt4" >แผนกที่4</option>
                  <option value="dpt5" >แผนกที่5</option>
               </select>

[MD.18]

<select name="department" placeholder="selected" >   
                  <optgroup label="รายชื่อแผนก" >

<option value="0">เลือกแผนกที่ต้องการ</option> <----------- ลืมใส่ตรงนี้ครับ

                  <option value="dpt1" >แผนกที่1</option>
                  <option value="dpt2" >แผนกที่2</option>
                  <option value="dpt3" >แผนกที่3</option>
                  <option value="dpt4" >แผนกที่4</option>
                  <option value="dpt5" >แผนกที่5</option>
               </select>

คือถ้าแบบนี้ก็เข้าใจอยู่แต่ ว่าไม่มีวิธีอื่นเลยเหรอครับ เพราะไม่ต้องการให้แสดงค่า <option value="0">เลือกแผนกที่ต้องการ</option> เมื่อเลือกดรอบลิสลงไปอ่าครับ

[seonew]

โค๊ด:

<select name="department">	
						<option selected>รายชื่อแผนก</option>
						<option value="dpt1">แผนกที่1</option>
						<option value="dpt2">แผนกที่2</option>
						<option value="dpt3">แผนกที่3</option>
						<option value="dpt4">แผนกที่4</option>
						<option value="dpt5">แผนกที่5</option>
</select>

ประมาณนี้ป่าวครับ 

[MD.18]

โค๊ด:

<select name="department">	
						<option selected>รายชื่อแผนก</option>
						<option value="dpt1">แผนกที่1</option>
						<option value="dpt2">แผนกที่2</option>
						<option value="dpt3">แผนกที่3</option>
						<option value="dpt4">แผนกที่4</option>
						<option value="dpt5">แผนกที่5</option>
</select>

ประมาณนี้ป่าวครับ 

คือเวลากดลูกศรลงมา มันก็จะยังคงแสดงบรรทัด "รายชื่อแผนก" อยู่ครับ ที่ต้องการคือไม่อยากให้แสดงบรรทัดนี้ออกมาครับแต่ต้องแสดงก่อนจะกดเท่านั้น

ขอบคุณที่ร่วมคิดครับ ยังติดอยู่เลย หา ทริกเว็บนอกก็คิดไม่ออกจะใช้ คีย์อะไร -  -

[seonew]

โค๊ด:

<select name="department">
						<option selected>เลือกแผนกที่ต้องการ</option>
						<optgroup label="รายชื่อแผนก1">
						<option value="dpt1">แผนกที่1</option>
						<option value="dpt2">แผนกที่2</option>
						</optgroup>
						<optgroup label="รายชื่อแผนก2">
						<option value="dpt3">แผนกที่3</option>
						<option value="dpt4">แผนกท4</option>
						</optgroup>
</select>

แบบนี้ป่าวครับ    55

[MD.18]

  ขอบคุณทุกท่านครับ ตอนนี้ได้แล้ว  เผื่อใครอยากทราบก็ตามนี้เลย

โค๊ด:

<select name="department" >	
						<option class="placeholder" selected disabled>เลือกแผนกที่ต้องการ</option>
						<optgroup label="แผนก" >						
						<option value="dpt1" >แผนกที่1</option>
						<option value="dpt2" >แผนกที่2</option>
						<option value="dpt3" >แผนกที่3</option>
						<option value="dpt4" >แผนกที่4</option>
						<option value="dpt5" >แผนกที่5</option>
					</select>

โค๊ด:

CSS:
select > .placeholder{
    display: none;
}