日期:2014-05-16  浏览次数:20389 次

Javascript - Select操作大集合(动态添加option等)

现在步入正题,看到 书中讲Form元素的操作,像Textbox、Button、Label等,都还是比较简单的,只是看到Select时,稍微有些复杂,于是就想仔细研究 研究,于是就有了这篇文章。Select的操作包括动态添加、删除、移动、获取选中项的值、排序等等,现在一一讲述。

1、向Select里添加Option

// IE?only,FF不支持Add方法
function ?fnAddItem(text,value)
????????
{
????????????
var ?selTarget? = ?document.getElementById( " selID " );
????????????selTarget.Add(
new ?Option( " text " , " value " ));
????????}

?

// IE?FF?both?OK
function ?fnAdd(oListbox,?sName,?sValue)?
????????
{
????????????
var ?oOption? = ?document.createElement( " option " );
????????????oOption.appendChild(document.createTextNode(sName));
????????????
if ?(arguments.length? == ? 3 )?
????????????
{
????????????????oOption.setAttribute(
" value " ,?sValue);
????????????}

????????????oListbox.appendC