Dang nhap

Diễn đàn    Html DOM javascript CSS    Thêm Item vào select option

Thành viênTrả lời
aspnet

Lập trình không biên giới
608  bài 		10-10-2008 23:5:57
<html>
<head>
<script type="text/javascript">
function insertOption()
{
var y=document.createElement('option');
y.text='Kiwi';
var x=document.getElementById("mySelect");
try
{
x.add(y,null); // standards compliant
}
catch(ex)
{
x.add(y); // IE only
}
}
</script>
</head>
<body>

<form>
<select id="mySelect">
<option>Apple</option>
<option>Pear</option>
<option>Banana</option>
<option>Orange</option>
</select>
<input type="button" onclick="insertOption()" value="Insert option" />
</form>

</body>
</html>
 
aspnet

Lập trình không biên giới
608  bài 		10-10-2008 23:7:19
<html>
<head>
<script type="text/javascript">
function insertBeforeSelected()
{
var x=document.getElementById("mySelect");
if (x.selectedIndex>=0)
{
var y=document.createElement('option');
y.text='Kiwi';
var sel=x.options[x.selectedIndex];
try
{
x.add(y,sel); // standards compliant
}
catch(ex)
{
x.add(y,x.selectedIndex); // IE only
}
}
}
</script>
</head>
<body>

<form>
<select id="mySelect">
<option>Apple</option>
<option>Pear</option>
<option>Banana</option>
<option>Orange</option>
</select>
<input type="button" onclick="insertBeforeSelected()" value="Insert option before selected" />
</form>

</body>
</html>
---
Coding for food
 
aspnet

Lập trình không biên giới
608  bài 		10-10-2008 23:8:53
Select Object Methods
Method
add() Adds an option to a dropdown list
blur() Removes focus from a dropdown list
focus() Sets focus on a dropdown list
remove() Removes an option from a dropdown list
---
Coding for food
 
dotnetvn

dotnet.vn
74  bài 		10-10-2008 23:9:50
Cái này là với div

---------------

<html>

<head>
<title>Gecko DOM insertBefore test</title>
</head>

<body>
<div>
<span id="childSpan">foo bar</span>
</div>

<script type="text/javascript">
// create an empty element node
// without an ID, any attributes, or any content
var sp1 = document.createElement("span");

// give it an id attribute called 'newSpan'
sp1.setAttribute("id", "newSpan");

// create some content for the newly created element.
var sp1_content = document.createTextNode("This is a new span element. ");

// apply that content to the new element
sp1.appendChild(sp1_content);

var sp2 = document.getElementById("childSpan");
var parentDiv = sp2.parentNode;

// insert the new element into the DOM before sp2
parentDiv.insertBefore(sp1, sp2);
</script>

</body>
</html>
---
 
aspnet

Lập trình không biên giới
608  bài 		10-10-2008 23:21:48
Đây là xóa tất cả:


function clearAll() {
var obj = document.getElementById('myOptions');
for (var i=0; i < obj.options.length; i++) {
obj.options = null;
}
}
---
Coding for food
 
aspnet

Lập trình không biên giới
608  bài 		10-10-2008 23:22:48
Đây nữa là remove select item

<html>
<head>
<script type="text/javascript">
function removeOption()
{
var x=document.getElementById("mySelect")
x.remove(x.selectedIndex)
}
</script>
</head>
<body>

<form>
<select id="mySelect">
<option>Apple</option>
<option>Pear</option>
<option>Banana</option>
<option>Orange</option>
</select>
<input type="button" onclick="removeOption()"
value="Remove option">
</form>

</body>
</html>
---
Coding for food
 
dotnetvn

dotnet.vn
74  bài 		10-10-2008 23:29:13
Nhưng bản code này mới clear tất cả các item một cách ngon lành

function clearAll() {
var obj = document.getElementById('cbx');

for (var i=0; i < obj.options.length; i++) {
obj.remove(0);
obj.remove(0);
}

}
---
 
aspnet

Lập trình không biên giới
608  bài 		11-10-2008 9:37:3
Còn đoạn này, lấy selêctedInexd của select option

-----------------------
<html>
<head>
<script type="text/javascript">
function getIndex()
{
var x=document.getElementById("mySelect");
alert(x.selectedIndex);
}
</script>
</head>
<body>

<form>
Select your favorite fruit:
<select id="mySelect">
<option>Apple</option>
<option>Orange</option>
<option>Pineapple</option>
<option>Banana</option>
</select>
<br /><br />
<input type="button" onclick="getIndex()" value="Alert index of selected option">
</form>

</body>
</html>
---
Coding for food
 
dotnetvn

dotnet.vn
74  bài 		11-10-2008 9:50:18
Có một đoạn khác xóa tất cả các item của select đơn giản hơn nhiều và lởm hơn nhiều

function clearAll() {
var ddl = document.getElementById("mySelect");
ddl.length=0;
}
---
 
khiemnv


2  bài 		15-12-2008 16:39:0
 
khiemnv


2  bài 		15-12-2008 16:39:17

---
 
noname


3  bài 		19-1-2009 10:45:37
Hi, cái này lấy ở bên w3chools.com à
 
dinhthaopro123


2  bài 		2-1-2011 2:11:17
 

Chủ đề gần đây :

Cùng loại :

Tên file Mô tả chi tiết Ngày
NWeb.zip (1) Module đơn giản Newsweb trên Dotnetnuke v10.x.x.x10/18/2025 8:08:11 AM
vspforum.zip (11) Ma nguon vspforum ngay xua4/18/2023 6:38:37 AM
pdfjs.rar (2) pdfjs 2017 : hiển thị tốt trên iphone 11, 12, 13 không lỗi, bản 2012 sẽ lỗi trên iphone6/21/2022 11:52:48 AM
pdfjs2.rar (2) Xem file pdf bằng viewer.hml cua pdfjs (thư viện chuẩn mozilla) 2012. https://mozilla.github.io/pdf.js/getting_started/#download có thể download bản prebuild tại đây6/21/2022 11:52:04 AM
runner.zip (0) using three.js, orbitcontrol to view an object move random on map. Di chuyển 1 đồ vật ngẫu nhiên trên bản đồ, sử dụng với demo nhân viên di chuyển trong văn phòng. Toàn js download về là chạy12/5/2019 5:55:14 PM
gmap.zip (1) google map + marker7/17/2019 2:25:05 PM
vinsmarthomeservice.zip (1) java post json to api, use AsyncTask, event listener7/9/2019 5:00:10 PM
fblogin.zip (0) Login facebook bang javascript SDK7/9/2019 9:16:37 AM
autocomplete-location.zip (2) autocomplete location geo from google place, html + js7/4/2019 4:37:55 PM
WebAPI.zip (8) api for android access db (v1.0.0)7/4/2019 9:14:17 AM

CỘNG ĐỒNG LẬP TRÌNH VIÊN VIỆT NAM VN-CODER