guest

Fri 6 Jan 2006 13:49:29
Fri 6 Jan 2006 13:49:29
สวัสดีครับทั่นเว็บมาสเตอร์มารบกวนอีกแล้ว..คือผมต้องการ แสดงข้อมูลโดยการselect น่ะครับ...คือว่า พอเลือกดรอบดาวตรง select แล้ว ให้ข้อมูล เรคคอร์ดนั้นทั้งหมด(ประมาณ 10 ฟิลด์)โชว์ตรง input text น่ะครับ...คือให้ข้อมูลตรง input text เปลี่ยนเวลาที่เราเลือกรายการใน select น่ะครับ...รบกวนด้วยครับ...แบบว่าของเดิมผมเขีบนฟังก์ชั่นแบบนี้...
function sendValue() {
with( document.form1 )
{ // เมื่อมีการเปลี่ยนแปลงรายการในคอนโทรล SELECT จะนำค่าไปใส่ในเท็กซ์บ็อกซ์
detail_code.value = select1.options[select1.selectedIndex].text;
detail_name.value = select1.options[select1.selectedIndex].value;
}
}
แสดงได้แค่ 2 input text น่ะครับ...ถ้าหลาย ๆ ตัวไม่รู้ทำง้ย...
ผมขออนุญาตแนะนำให้ใช้วิธีนี้นะครับ
ตัวอย่างนะครับ
<script language="javascript">
var m = Array();
function getObj(id){
return (document.all)?document.all[id]:document.getElementById(id);
}
function showField(id){
if(id != "0"){
for(i = 0; i < m.length; i++){
eval('getObj(m'+m[i]+').style.display = "none"');
}
getObj(id).style.display = 'block';
}
}
<script>
<select onchange="shoField(this.value)">
<option value="0"> Please select </option>
<option value="m1">m1</option>
<option value="m2">m2</option>
<option value="m3">m3</option>
</select>
<table>
<tr id="m1" style="display:none;"><td>ข้อมูลที่ 1</td></tr>
<tr id="m2" style="display:none;"><td>ข้อมูลที่ 2</td></tr>
<tr id="m3" style="display:none;"><td>ข้อมูลที่ 3</td></tr>
</table>
โดยในส่วนของ ข้อมูลเพียงแต่คุณใส่ข้อมูลต่างๆลงไปครับ ลองศึกษาดูนะครับ
ตัวอย่างนะครับ
<script language="javascript">
var m = Array();
function getObj(id){
return (document.all)?document.all[id]:document.getElementById(id);
}
function showField(id){
if(id != "0"){
for(i = 0; i < m.length; i++){
eval('getObj(m'+m[i]+').style.display = "none"');
}
getObj(id).style.display = 'block';
}
}
<script>
<select onchange="shoField(this.value)">
<option value="0"> Please select </option>
<option value="m1">m1</option>
<option value="m2">m2</option>
<option value="m3">m3</option>
</select>
<table>
<tr id="m1" style="display:none;"><td>ข้อมูลที่ 1</td></tr>
<tr id="m2" style="display:none;"><td>ข้อมูลที่ 2</td></tr>
<tr id="m3" style="display:none;"><td>ข้อมูลที่ 3</td></tr>
</table>
โดยในส่วนของ ข้อมูลเพียงแต่คุณใส่ข้อมูลต่างๆลงไปครับ ลองศึกษาดูนะครับ

















