10/10/2018, 11:20

xin trợ giúp về javascript ??

mình có 1 form
trong này có 2 select tag + 1 button(ko phải submit)
2 select tag này có cùng id = position
select tag 1 có 5 option, cái option đầu là : "Select"
select tag 2 chỉ có 1 option là "Select"
khi nhấn button, nó sẽ kiểm tra cả 2 cái select tag này
nếu cái select tag thứ nhất có value hiện tại ko phải là "Select"
thì nó sẽ add thêm 1 option vào select tag thứ 2, select tag thứ nhất giữ nguyên
còn nếu cái select tag thứ nhất có value hiện tại là "Select"
thì nó sẽ add thêm option vào cả 2

mình thì mình add đc nhưng luôn bị add cả 2 cái select tag, vì 2 cái cùng id
có cách nào làm như trên ko các bác, giúp với đang gấp
form:
Code:
<select id="position">
  <option>Select</option>
  <option>Op 1</option>
  <option>Op 2</option>
  <option>Op 3</option>
  <option>Op 4</option>
</select>

<select id="position">
 <option>Select</option>
</select>

<input type="button" />
mr.mabu viết 13:34 ngày 10/10/2018
sai ngay từ cách dùng ID,tuy các trình duyệt vẫn chấp nhận dùng nhiều ID(cùng 1 ID) trên 1 trang nhưng nó nên bị loại bỏ
nholoiemnoi viết 13:23 ngày 10/10/2018
đặt sai Id thế kia. cứ làm mỗi select một Id cho đúng chuẩn. xong viết nếu thì như lúc trình bày là xong. hehe.
add thêm có thể dùng: document.createElement();
zxcongducxz viết 13:22 ngày 10/10/2018
Code:
<html>
<body>
<select id="position">
  <option value=select>Select</option>
  <option value=Op1>Op 1</option>
  <option value=Op2>Op 2</option>
  <option value=Op3>Op 3</option>
  <option value=Op4>Op 4</option>
</select>

<select id="position">
 <option>Select</option>
</select>

<input type="button" onclick=Click() />
<script>
	function Click() {
		var op=document.createElement('OPTION');

		position[1].options.add(op);
		op.innerText='Op '+(position[1].length-1);
		op.Value=1;

		if(position[0].value=='select') {
			var op2=document.createElement('OPTION');
			position[0].options.add(op2);
			op2.innerText='Op '+(position[0].length-1);
			op2.Value=1;
		}
	}
</script>
</body>
</html>
satthudatinh011 viết 13:30 ngày 10/10/2018
thank bác zxcongducxz nhiều lắm
em làm điên cái đầu lên mà vẫn ko ra đc
thực ra cái form của em các select tag trùng ID là vô hạn
vì cho add thêm thoải mái các select tag, ko biết có giải quyết vấn đề đc ko
thank bác lần nữa
haicop viết 13:25 ngày 10/10/2018
Bạn thử giải thích lý do tại sao cứ phải dùng trùng ID ?
satthudatinh011 viết 13:24 ngày 10/10/2018
Được gửi bởi haicop
Bạn thử giải thích lý do tại sao cứ phải dùng trùng ID ?
à em cần phải trùng id vì như thế mới get vào đc một mảng
mảng này em dùng để insert vào db
do số lượng các select tag ko có quy định sẵn, tức người dùng thích add bao nhiêu thì add, cả ngàn cái cũng đc
ko riêng gì cái select tag này, trong form còn thêm vài trường nữa cũng phải trùng id theo kiểu này
quankoi viết 13:33 ngày 10/10/2018
cho em ké topic chút nha. ai giúp e làm bài tập javascript này với.e mới bắt đầu làm quen .
"viết một trang web có 2 nút bấm. nút 1 có tên là :tong tu 1 den 100. nút 2 có tên là :tong tu 1 den 100-dung khi tong >=400.
khi click nút 1 thì hiện tổng từ 1 đến 100.
khi click nút 2 thì thông báo kết quả hiện thời của việc tính tổng từ 1 đến 100 với điều kiện tổng đạt đến giá trị >=400thif dừng lại ko tính tổng nữa, đồng thời cũng báo ra đã tính tổng đến số hạng thứ bao nhiêu. "
thank !
windowxpsp1 viết 13:31 ngày 10/10/2018
Được gửi bởi quankoi
cho em ké topic chút nha. ai giúp e làm bài tập javascript này với.e mới bắt đầu làm quen .
"viết một trang web có 2 nút bấm. nút 1 có tên là :tong tu 1 den 100. nút 2 có tên là :tong tu 1 den 100-dung khi tong >=400.
khi click nút 1 thì hiện tổng từ 1 đến 100.
khi click nút 2 thì thông báo kết quả hiện thời của việc tính tổng từ 1 đến 100 với điều kiện tổng đạt đến giá trị >=400thif dừng lại ko tính tổng nữa, đồng thời cũng báo ra đã tính tổng đến số hạng thứ bao nhiêu. "
thank !
Góp vui nè !
Code:
<html>
<head>
<script language="javascript" type="text/javascript">
function sum(p){
	var tong=0;
	var dk=400;
	var i=1;
	while(tong<=dk)
	{
		tong+=i;
		i++;
	}
		alert("Tong tu 1 - 100 la : "+tong);
	if(p)
	{
		alert("Thu hang dang tinh la : "+(i-1));
	}
}
</script
</head>

<body>
<input type="button" id="1" value="tong tu 1 den 100" onclick="sum(false);">
<input type="button" id="2" value="tong tu 1 den 100-dung khi tong >=400" onclick="sum(true);">
</body>
</html>
quankoi viết 13:24 ngày 10/10/2018
Được gửi bởi windowxpsp1
Góp vui nè !
Code:
<html>
<head>
<script language="javascript" type="text/javascript">
function sum(p){
	var tong=0;
	var dk=400;
	var i=1;
	while(tong<=dk)
	{
		tong+=i;
		i++;
	}
		alert("Tong tu 1 - 100 la : "+tong);
	if(p)
	{
		alert("Thu hang dang tinh la : "+(i-1));
	}
}
</script
</head>

<body>
<input type="button" id="1" value="tong tu 1 den 100" onclick="sum(false);">
<input type="button" id="2" value="tong tu 1 den 100-dung khi tong >=400" onclick="sum(true);">
</body>
</html>
vẫn sai chỗ nào rùi bạn ơi. khi ta click vào nút thứ nhất phải hiện kêt qua tổng từ 1 đến 100 là 5050 mới đúng. ở đây bạn làm cick vào 2 nút đều là 405
Bài liên quan
0