Forgot Password ??

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

	Registered : 109,037

HOME > PHP > PHP Forum > ต้องการให้เลือก dropdonwlist แล้วแสดงผลบรรทัดถัดมาต้องเขียนอย่างไรครับ

ต้องการให้เลือก dropdonwlist แล้วแสดงผลบรรทัดถัดมาต้องเขียนอย่างไรครับ

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

games

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

Code (PHP)

<html>
<head>
<title>เพิ่มสินค้า</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>
<style type="text/css">
body,td,th {
	font-family: "TH SarabunPSK";
	font-size: x-large;
}
body {
	background-color: #9FF;
}
</style>
<body>
<form name="form1" method="post" action="save_productadd.php">
  <div align="center"><strong>เพิ่มข้อมูลสินค้า</strong><br>
    <table width="500" border="1" style="width: 500px">
      <tbody>
        <tr>
          <td width="144" align="center" valign="middle" bgcolor="#999999"><strong>รหัสสินค้า</strong></td>
          <td width="240" bgcolor='#EAEAEA'>
            <input name="txtp_id" type="text" id="txtp_id" size="40">
          </td>
        </tr>
        <tr>
          <td align="center" valign="middle" bgcolor="#999999"><strong>รหัสประเภทสินค้า</strong></td>
          <td bgcolor='#EAEAEA'>
          <select name="txtc_id" id="txtc_id">
            <option value="-----">-----</option>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
          </select>
          </td>
        </tr>
        <tr>
          <td align="center" valign="middle" bgcolor="#999999"><strong>ชื่อประเภทสินค้า</strong></td>
          <td bgcolor='#EAEAEA'>&nbsp;</td>
        </tr>
        <tr>
          <td align="center" valign="middle" bgcolor="#999999"><strong>ชื่อสินค้า</strong></td>
          <td bgcolor='#EAEAEA'><input name="txtp_name" type="text" id="txtp_name" size="40"></td>
        </tr>
        <tr>
         <td align="center" valign="middle" bgcolor="#999999"><strong>ราคาสินค้า</strong></td>
          <td bgcolor='#EAEAEA'><input name="txtp_price" type="text" id="txtp_price" size="40"></td>
        </tr>
        <tr>
         <td align="center" valign="middle" bgcolor="#999999"><strong>จำนวนคงเหลือ</strong></td>
          <td bgcolor='#EAEAEA'><input name="txtp_stock" type="text" id="txtp_stock" size="40"></td>
        </tr>
      </tbody>
    </table>
    <input type="submit" name="Submit" value="บันทึก">
  </div>
</form>
<div align="center"><a href="admin_product.php"><img src="img/home-run.png" width="100" height="102"></a></div>
<p>&nbsp;</p>
</body>
</html>

ต้องการให้แสดงผลในบรรทัด ชื่อประเภทสินค้า โดย
1=NOTEBOOK
2=SMARTPHONE
ประมาณนี้ครับ

Tag : PHP, MySQL, HTML

Date : 2020-10-18 13:05:22

By : gamesgames

View : 541

Reply : 3

No. 1

mr.v

โพสกระทู้ ( 4,756 )
บทความ ( 8 )

Code

<option value="1" data-name="notebook">notebook</option>

Code (JavaScript)

let txtc_id = document.querySelector('#txtc_id');
txtc_id.addEventlistener('change', function(event) {
    let selectbox = event.target;
    if (selectbox) {
        let selectedOption = selectbox.options[selectbox.selectedIndex].value;// value="xx"
        let selectedOptionText = selectbox.options[selectbox.selectedIndex].text; // <option>xx</option>
        let selectedOptionData = selectbox.options[selectbox.selectedIndex].dataset.name;// data-name="xx"
    }
});

https://stackoverflow.com/questions/1085801/get-selected-value-in-dropdown-list-using-javascript
https://stackoverflow.com/questions/14976495/get-selected-option-text-with-javascript/25753870
https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes

Date : 2020-10-18 16:40:21

By : mr.v

No. 2

games

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

ตอบความคิดเห็นที่ : 1 เขียนโดย : mr.v เมื่อวันที่ 2020-10-18 16:40:21

รายละเอียดของการตอบ ::

ขอบคุณมากครับ

Date : 2020-10-20 22:39:00

By : gamesgames

No. 3

พระยาเทพ

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

แบบคลาสสิก สำหรับอายุไม่ถึง 15 ปี หรือยังไม่ได้ถ่ายบัตร(ไม่ใส่ id)

Code (JavaScript)

function f() {
	var x = document.querySelector("table tr:nth-child(3)>td:last-child");
    var y = document.getElementById("txtc_id");
    var o = "";
    
    switch(y.value) {
  		case "1":
     		o = "หนึ่ง";
      		break;
  		case "2":
     		o = "สอง";
      		break;
        case "3":
     		o = "สาม";
      		break;
  		case "4":
     		o = "สี่";
      		break;
        case "5":
     		o = "ห้า";
      		break;
  		case "6":
     		o = "หก";
      		break;
  		default:
     		o = "ไม่ได้เลือก";
  	} 
	x.innerText = " " + o;
}

ดูสด

Date : 2020-10-21 15:11:25

By : PhrayaDev

ค้นหาข้อมูล

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

Re : ต้องการให้เลือก dropdonwlist แล้วแสดงผลบรรทัดถัดมาต้องเขียนอย่างไรครับ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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