Forgot Password ??

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

	Registered : 109,038

HOME > PHP > PHP Forum > ช่วยหน่อยคครับ ต้องการ ให้ ลิส เมนู เลือกรายการที่ซ้ำ กันไม่ได้ ครับ ช่วยชี้แนะหน่อยครับ

ช่วยหน่อยคครับ ต้องการ ให้ ลิส เมนู เลือกรายการที่ซ้ำ กันไม่ได้ ครับ ช่วยชี้แนะหน่อยครับ

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

narutokarp

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

Code (PHP)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>

<script type="text/javascript">
$(document).ready(function(){

	var rows = 1;
	$("#createRows").click(function(){
						var tr = "<tr>";
tr = tr + "<td width='94' align='center'>ชื่อวัตถุดิบ</td><td><div align='center'><select name='mtr_id"+rows+"' id='mtr_id"+rows+"'><option value=''>----เลือก----</option><?php $sql='SELECT * FROM material ORDER BY material.mtr_id DESC';$query=mysql_query($sql);while($result=mysql_fetch_array($query)){?><option value='<?php echo $result['mtr_id']?>'><?php echo $result['mtr_name']?></option><?php } ?></select></div></td>";
tr = tr + "<td width='149' align='center'>ปริมมาณ</td><td><div align='center'><input type='text' name='Volume"+rows+"' id='Volume"+rows+"'></div></td>";
						tr = tr + "</tr>";
						$('#myTable > tbody:last').append(tr);
					
						$('#hdnCount').val(rows);
						rows = rows + 1;
						
						 $(document).ready(function () {
      $('#s1').change(function() {
          var val1 = $(this).find(":selected").val();
          var val2 = $('#s2').find(":selected").val();
          if(val1 == val2){
            alert('ซ้ำ1');
            //อยากให้เป็นอะไรก็ เช่น ค่าว่าง ค่าเริ่มต้น
          }
      });
		});

		$("#deleteRows").click(function(){
				if ($("#myTable tr").length != 1) {
					 $("#myTable tr:last").remove();
				}
		});

		$("#clearRows").click(function(){
				rows = 1;
				$('#hdnCount').val(rows);
				$('#myTable > tbody:last').empty(); // remove all
		});

	});
</script>

<form action="save.php?pro_id=<?php echo $_GET['pro_id']?>" method="POST" enctype="multipart/form-data"  name="add" class="form-horizontal" id="add" onSubmit="return Check_txt()">
  <h4>เพิ่มข้อมูลวัตถุดิบสินค้า 
<?php $query_product = sprintf("SELECT* FROM product where pro_id='".$_GET['pro_id']."'");
$product = mysql_query($query_product) or die(mysql_error());
$row_product = mysql_fetch_assoc($product);
echo "(". $row_product['pro_name'] .")";
?></h4>
<table width="600" border="0" id="myTable">
<!-- head table -->
<thead>
  <tr>
    <td width="94" align="center">ชื่อวัตถุดิบ </td>
    <td width="194" align="center">
    <select name="mtr_id" id="mtr_id" >
      <option value=''>----เลือก----</option>
      <?php
	  $sql="SELECT * FROM `material` ORDER BY `material`.`mtr_id` DESC";
	  $query=mysql_query($sql);
	  while($result=mysql_fetch_array($query)){
	  ?>
      <option value="<?php echo $result['mtr_id']?>"><?php echo $result['mtr_name']?> </option>
      <?php } ?>
      </select></td>
    <td width="149" align="center">ปริมมาณ</td>
    <td width="145" align="center"><input type='text' name='Volume' id='Volume' onKeyUp="if(isNaN(this.value)){ alert('กรุณากรอกเฉพาะตัวเลขเท่านั้น'); this.value='';}"></td>
  </tr>
</thead>
<!-- body dynamic rows -->
<tbody></tbody>
</table>
<br />
<input type="button" id="createRows" value="เพิ่มวัตถุดิบ" class="btn btn-primary">
<input type="button" id="deleteRows" value="ลบ" class="btn btn-primary">
<input type="button" id="clearRows" value="ล้าง" class="btn btn-primary">
 <center>
 <br>
 <input type="hidden" id="hdnCount" name="hdnCount">
<input type="submit" value="บันทึก" class="btn btn-primary">
 </form>

</body>
</html>

Tag : PHP

Date : 2018-09-17 17:21:59

By : narutokarp

View : 1309

Reply : 4

No. 1

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

หลักการ
var selectAbles = [1, 2, 3, 4, 5, 6, 7, n];
แล้วเวลาเลือกก็ไปตัดออก
จาก selectAbles
เวลาไม่เลือก ก็ push กลับไป
แล้วทุกๆครั้งที่ onchange ก็เอา selectAbles ไป สร้าง option ของ select ตัวอื่นๆ

ปล ขี้เกียจอ่านโค๊ด

Date : 2018-09-17 17:48:23

By : DK

No. 2

narutokarp

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

ตอบความคิดเห็นที่ : 1 เขียนโดย : DK เมื่อวันที่ 2018-09-17 17:48:23

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

ไปไม่ถูกเลยครับพี่ ช่วยชี้แนะด้วยครับ

Date : 2018-09-17 17:58:13

By : narutokarp

No. 3

To Be Developer

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

ลองดูตัวอย่างนี้ครับ

https://teamtreehouse.com/community/disable-a-selected-option-if-is-selected-already

Code

<h4 class="info-text">Select 1st Employee<br>
<select name="wcl-employees1" id="wcl-employees1">
<option value="" disabled="" selected="" style="display:none;">Select One...</option>
<option value="ALCANTARA, ERIC">ALCANTARA, ERIC</option>
<option value="ALDRIGE, ,MERANDA">ALDRIGE, ,MERANDA</option>
<option value="ALTOBELLI, JAMES">ALTOBELLI, JAMES</option>
</select>
</h4>
<h4 class="info-text">Select 2nd Employee<br>
<select name="wcl-employees2" id="wcl-employees2">
<option value="" disabled="" selected="" style="display:none;">Select One...</option>
<option value="ALCANTARA, ERIC">ALCANTARA, ERIC</option>
<option value="ALDRIGE, ,MERANDA">ALDRIGE, ,MERANDA</option>
<option value="ALTOBELLI, JAMES">ALTOBELLI, JAMES</option>
</select>
</h4>
<h4 class="info-text">Select 3rd Employee<br>
<select name="wcl-employees3" id="wcl-employees3">
<option value="" disabled="" selected="" style="display:none;">Select One...</option>
<option value="ALCANTARA, ERIC">ALCANTARA, ERIC</option>
<option value="ALDRIGE, ,MERANDA">ALDRIGE, ,MERANDA</option>
<option value="ALTOBELLI, JAMES">ALTOBELLI, JAMES</option>
</select>
</h4>

Code (JavaScript)

var $select = $("select");
$select.on("change", function() {
    var selected = [];  
    $.each($select, function(index, select) {           
        if (select.value !== "") { selected.push(select.value); }
    });         
   $("option").prop("disabled", false);         
   for (var index in selected) { $('option[value="'+selected[index]+'"]').prop("disabled", true); }
});

Date : 2018-09-18 09:17:13

By : {Cyberman}

No. 4

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

@เจ้าของกระทู้ ไม่รู้ว่าไปไม่ถูก หรือ ขี้เกียจกันแน่นะครับ ถ้าอยากสะดวก เอาแบบ ความคิดเห็นด้านบนก็ได้ ก็แค่ disable มันสิ
แต่ถ้าอยากจะเอาออกจริงๆ อะผมเขียนเป็นไกด์

ปล ถ้าแค่ขี้เกียจก็เลิกเขียนโปรแกรมไปเถอะ

Code (JavaScript)

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <script src="https://code.jquery.com/jquery-2.2.4.js"></script>
</head>
<body>
<select class="selectInput">
</select>
<select class="selectInput">
</select>
<select class="selectInput">
</select>
<select class="selectInput">
</select>

</body>
<script type="text/javascript">
    $(document).ready(function () {
        var selectAbles = [1, 2, 3, 4, 5, 6, 7];
        var previous = 0;

        initialValue();

        function initialValue() {

            $.each($('.selectInput'), function () {
                var select = 0;
                if ($(this).val()) {
                    select = $(this).val();
                }
                renderOption($(this), select);
            });
        }

        function renderOption(input, select) {
            input.empty();
            if (select) {
                input.append($("<option></option>").attr("value", select).text(select));
            } else {
                input.append($("<option></option>").attr("value", "").text(""));
            }

            $.each(selectAbles, function (k, v) {
                input.append($("<option></option>")
                    .attr("value", v)
                    .text(v));
            });
        }

        function remove(v) {
            var index = getIndex(v);
            selectAbles.splice(index, 1);
        }

        function add(v) {
            selectAbles.push(v);
            selectAbles.sort();
            previous = 0;
        }

        function getIndex(val) {
            for (key in selectAbles) {
                if (selectAbles[key] == val) {
                    return key;
                }
            }
            return false;
        }

        $('.selectInput').on("click", function () {
            if ($(this).val() != "") {
                previous = $(this).val();
            }
        });

        $('.selectInput').change(function () {
            remove($(this).val());
            if (previous) {
                add(previous);
            }
            initialValue();
        });
    });
</script>
</html>

Date : 2018-09-18 10:15:59

By : DK

ค้นหาข้อมูล

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

Re : ช่วยหน่อยคครับ ต้องการ ให้ ลิส เมนู เลือกรายการที่ซ้ำ กันไม่ได้ ครับ ช่วยชี้แนะหน่อยครับ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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