fordev22.com รับพัฒนาระบบ รับพัฒนาเว็บแอพพลิเคชั่น รับพัฒนาเว็บไซต์ รับเขียนโปรแกรม สอนทำเว็บ สอนเขียนเว็บ สอนทำเว็บ php สอนBootstrap สอนทำเว็บราคาถูก รับทำเว็บไซต์ราคาถูก โปรเจ็คจบ ทำเว็บแบบง่าย ๆ สอนทำเว็บรองรับมือถือ สอนทำเว็บรองรับทุกอุปกรณ์ สอนคอมพิวเตอร์ html php css web app sql Bootstrap Mysql XAMPP

PHP+MySqli EP.31 PHP DropDownList / Listmenu From Database X Plugin Select2
การเรียกข้อมูลจาก Database มาแสดงใน Select / DropDownList
และ การใช้งานPlugin Select2 จาก Bootstrap

ระบบ ตระกร้าสินค้า แบบไม่สมัครสมาชิกสั่งซื้อได้

ระบบ ตระกร้าสินค้าแบบสมัครสมาชิก

ระบบ ตระกร้าสินค้า ADVANCE แจ้งเตือนชำระเงินผ่านไลน์

ระบบ เช่าชุดออนไลน์

ระบบ บริหารจัดการห้องพัก

Code

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>fordev22</title>

	<!-- bootstrap -->
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

	<!-- Select2 -->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
	<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" />
	
</head>
<body>

	<?php 
	include ('Connections/consqli.php'); 
	$select_data = "SELECT * FROM chart_tbl" 
			  or die ("Error : ".mysqlierror($select_data));
    $rs_select = mysqli_query($con, $select_data);
                //echo ($query_level);//test query
	?>

	<center>
                <br><br>
                <h3><-- เรียกข้อมูลจาก Database มาแสดงใน Select + Plugin Select2 จาก Bootstrap --></h3>
                
                <h3>
                    <br>
                    By fordev22 
                </h3>
               
            </center>


	<div class="container">

		<div class="row">
			<div class="col-3">
			</div>


			<div class="col-6">
				<br>
				<form action="se_save.php" method="POST">
				<div class="card">
				<div class="card-header bg-secondary text-white">
    			<h5><i class="fa fa-user-circle-o " aria-hidden="true"></i>
					เรียกข้อมูลจาก Database มาแสดงใน Select + Select2</h5>
  				</div>
  				<div class="card-body">


  					<div class="form-group">
    					<label for="exampleInputEmail1">Product</label>
    					<select class="form-control select2" name="ch_name">
    					  <option  value="">--Select--</option>

    					  <?php foreach ($rs_select as $rs) {?>
    					  	<option  value="<?php echo $rs['ch_name']; ?>">
    					  	ชื่อสินค้า <?php echo $rs['ch_name']; ?>
    					  	</option>
    					  <?php }?>

						</select>
    					
  					</div>



  					<div class="form-group">
    					<label for="exampleInputEmail1">ราคาที่ 1 </label>
    					<select class="form-control select2" name="ch_price">
    					  <option value="">--Select--</option>

    					  <?php foreach ($rs_select as $rs) {?>
    					  	<option  value="<?php echo $rs['ch_price']; ?>">
    					  	ราคา <?php echo $rs['ch_price']; ?> บาท
    					  </option>
    					  <?php }?>
						 
						</select>
    					
  					</div>


  					<div class="form-group">
    					<label for="exampleInputEmail1">ราคาที่ 2 </label>
    					<select class="form-control select2" name="ch_price2">
    					  <option value="">--Select--</option>

    					  <?php foreach ($rs_select as $rs) {?>
    					  	<option  value="<?php echo $rs['ch_price2']; ?>">
    					  	ราคา <?php echo $rs['ch_price2']; ?> บาท
    					    </option>
    					  <?php }?>
						 
						</select>
    					
  					</div>


  					<div class="form-group">
    					<label for="exampleInputEmail1">ราคาที่ 3 </label>
    					<select class="form-control select2" name="ch_price3">
    					  <option value="">--Select--</option>

    					  <?php foreach ($rs_select as $rs) {?>
    					  	<option  value="<?php echo $rs['ch_price3']; ?>">
    					  	ราคา <?php echo $rs['ch_price3']; ?> บาท
    					  	</option>
    					  <?php }?>
						 
						</select>
    					
  					</div>


  					
  					
  					
  					<button type="submit" class="btn btn-block btn-danger">
					<i class="fa fa-sign-in" aria-hidden="true"></i>
  					Subim</button>
  					
  				</div>
				</form>
			</div>	
			</div>


			<script type="text/javascript">	
				$(document).ready(function() {
				$('.select2').select2({
				closeOnSelect: false
				});
				});
			</script>


			<div class="col-3">
			</div>
		</div>
	</div>
	
</body>
</html>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

<!DOCTYPE html>

<html>

<head>

<title>fordev22</title>

</head>

<body>

<?php

include ('Connections/consqli.php');

$select_data = "SELECT * FROM chart_tbl"

or die ("Error : ".mysqlierror($select_data));

$rs_select = mysqli_query($con, $select_data);

//echo ($query_level);//test query

<h3>

<br>

By fordev22

</h3>

</center>

</div>

<br>

เรียกข้อมูลจาก Database มาแสดงใน Select + Select2</h5>

</div>

<label for="exampleInputEmail1">Product</label>

<option value="">--Select--</option>

<?php foreach ($rs_select as $rs) {?>

ชื่อสินค้า <?php echo $rs['ch_name']; ?>

</option>

<?php }?>

</select>

</div>

<label for="exampleInputEmail1">ราคาที่ 1 </label>

<option value="">--Select--</option>

<?php foreach ($rs_select as $rs) {?>

ราคา <?php echo $rs['ch_price']; ?> บาท

</option>

<?php }?>

</select>

</div>

<label for="exampleInputEmail1">ราคาที่ 2 </label>

<option value="">--Select--</option>

<?php foreach ($rs_select as $rs) {?>

ราคา <?php echo $rs['ch_price2']; ?> บาท

</option>

<?php }?>

</select>

</div>

<label for="exampleInputEmail1">ราคาที่ 3 </label>

<option value="">--Select--</option>

<?php foreach ($rs_select as $rs) {?>

ราคา <?php echo $rs['ch_price3']; ?> บาท

</option>

<?php }?>

</select>

</div>

Subim</button>

</div>

</form>

</div>

$(document).ready(function() {

$('.select2').select2({

closeOnSelect: false

});

</script>

</div>

</body>

</html>

ระบบ ตระกร้าสินค้า แบบไม่สมัครสมาชิกสั่งซื้อได้

ระบบ ตระกร้าสินค้าแบบสมัครสมาชิก

ระบบ ตระกร้าสินค้า ADVANCE แจ้งเตือนชำระเงินผ่านไลน์

ระบบ เช่าชุดออนไลน์

ระบบ บริหารจัดการห้องพัก

You might also like