首页技术selectedindex属性，select标签获取选中的值

selectedindex属性，select标签获取选中的值

编程之家2026-06-20888次浏览

本篇文章给大家谈谈selectedindex属性，以及select标签获取选中的值对应的知识点，文章可能有点长，但是希望大家可以阅读完，增长自己的知识，最重要的是希望对各位有所帮助，可以解决了您的问题，不要忘了收藏本站喔。

selectedindex属性，select标签获取选中的值

select标签下option标签里value属性有什么用

1：value的用处\x0d\x0a\x0d\x0aB\x0d\x0a\x0d\x0a其中“A”“B”有何区别，各自代表什么意思？\x0d\x0a答案：\x0d\x0aB是显示在网页上的内容\x0d\x0aA是实际传给后台表单处理程序\x0d\x0a比如\x0d\x0a\x0d\x0a际传给后台表单处理程序\x0d\x0a\x0d\x0a在网页上显示”际传给后台表单处理程序”\x0d\x0a传给后台程序就是class1了\x0d\x0a这样做的好处:\x0d\x0a1.减少表单传输数据,可能避免了一些中文编码问题\x0d\x0a2.如果以后想改显示内容,不用修改后台程序\x0d\x0a2：value和text的区别\x0d\x0a如何引用一个下拉列表框的选项,即option对象,现在介绍option对象的两个重要属性,value和text,value属性表示标记中value所指定的值,可以通过脚本获取或设置这个值,text属性表示显示于界面中的文本,即和之间的部分,同样可以通过脚本获取或设置其值.\x0d\x0a例如:\x0d\x0a苹果\x0d\x0a则value的值为”apple”,text的值为”苹果”.\x0d\x0a在旧版本的浏览器中,select对象的value对象的值是不可用的,因此要获得选中项的值,可以用如下语句代替:\x0d\x0asomeSelect.options[someSelect.selectedIndex].value

delphi中treeview的用法

例一

//刷新Tree 1

procedure TMainForm.RefTree();

var

Tags:string;

selectedindex属性，select标签获取选中的值

RootNode0,RootNode1,RootNode2,RootNode3,RootNode4,RootNode5:TtreeNode;

i:integer;

begin

TreeView1.Items.Clear;

RootNode0:=TreeView1.Items.Add(nil,'全部');

RootNode1:=TreeView1.Items.Add(nil,'资分类');

selectedindex属性，select标签获取选中的值

RootNode2:=TreeView1.Items.Add(nil,'部门');

RootNode3:=TreeView1.Items.Add(nil,'情况');

RootNode4:=TreeView1.Items.Add(nil,'位置');

RootNode5:=TreeView1.Items.Add(nil,'方式');

TreeView1.Items[0].ImageIndex:=11;

TreeView1.Items[1].ImageIndex:=54;

TreeView1.Items[2].ImageIndex:=54;

TreeView1.Items[3].ImageIndex:=54;

TreeView1.Items[4].ImageIndex:=54;

TreeView1.Items[5].ImageIndex:=54;

RootNode0.SelectedIndex:=RootNode0.ImageIndex;

RootNode1.SelectedIndex:=RootNode1.ImageIndex;

RootNode2.SelectedIndex:=RootNode2.ImageIndex;

RootNode3.SelectedIndex:=RootNode3.ImageIndex;

RootNode4.SelectedIndex:=RootNode4.ImageIndex;

RootNode5.SelectedIndex:=RootNode5.ImageIndex;

//分类

with DataM.q1 do

begin

SQL.Clear;

SQL.Add('Select Name1 from Navtree where tag=''分类''');

Open;

while not eof do

begin

TreeView1.Items.AddChild(RootNode1,FieldValues['Name1']);

next;

end;

end;

(此处省略365个字.....呵呵)

end;

例二

procedure TForm1.showtree;//showtree自定义的

var

mynode:ttreenode;

begin

with adoquery1 do

begin

close;

sql.Clear;

sql.Add('select* from aa where value=''1''');

open;

if recordcount<> 0 then

begin

treeview1.Items.Add(treeview1.TopItem,fieldbyname('name').AsString);

end;

end;

with adoquery2 do

begin

close;

sql.Clear;

sql.Add('select* from aa where len(name)= 4');

open;

while not eof do

begin

mynode:= treeview1.Items.AddChild(treeview1.TopItem,fieldbyname('name').AsString);

with adoquery3 do

begin

close;

sql.Clear;

sql.Add('select* from aa where name like'''+'%'+ mynode.Text+''' and len(name)= 6');

open;

if recordcount<> 0 then

begin

first;

begin

treeview1.Items.AddChild(mynode,fieldbyname('name').AsString);

next;

end;

end;

end;

next;

end;

end;

end

例三

一、指标树的建立

具体方法是：创建一个数据库，设计指标表t_pub_index，包含index_id、parent_id、index_name字段，其它字段根据实际业务而定，指标名称index_name将在树型控件的节点上显示，index_id字段保存节点的唯一标识号，parent_id表示当前节点的父节点号，标识号组成了一个“链表”，记录了树上节点的结构。设计一窗体Frm_sys_index，其上放置TreeView控件tv_zb、Query控件Query1及其它指标属性编辑显示控件。一个树的节点又包含文本(Text)和数据(Data)。Text为String类，用来显示指标或指标目录名称。Data则为无定形指针(Untyped Pointer)，可以指向一个与节点相联系的数据结构，该结构与数据库指标表相应域关联，如指标ID、上级节点ID。

Query控件的表达式为：

select index_id, parent_id, index_name from t_pub_index

start with index_id=0 connect by prior index_id=parent_id

其中start with和connect by是Oracle的SQL语句的保留字，使一条记录的parent_id列的值等于前一记录的index_id列的值，并以parent_id等于0的记录开始。

建树的基本思路是：

procedure TFrm_sys_index.createtree;

var

curValue: indexPointer;//指向与节点相联系的数据结构的指针

curNode: TTreeNode;//当前节点

curid: integer;//当前节点标识号

begin

curNode:= nil;

curid:=-1;

Query_index.Open;

Query_index.first;

while not Query_index.Eof do

begin

new(curValue);

With curValue^ do

将数据库指标表t_pub_index各字段值赋curValue所指数据结构

while(curid<> curValue.parent_id) do//当前节点的标识号不等于当前记录的父节点号

begin

curNode:= curNode.parent;

curid:= indexPointer(curNode.data).index_id;

end;

curNode:= tv_zb.Items.AddChildObject(curNode,

curValue^.index_name,curValue);//在当前节点上添加子节点，显示节点指标名称，所带指针指向一个与指标数据相联系的数据结构

curid:= indexPointer(curNode.data).index_id;

Query_index.next;

end;

Query_index.close;

end;

二、增加、删除、修改树节点

单纯在Treeview上增加、删除、修改节点只需用它本身提供的Treeview.Items. AddChildObject、 Treeview.Selected.Delete、Treeview.Selected.EditText等方法即可，但要相应修改数据库中的数据，必须通过递归调用同一个函数（用于删除一个选项）来遍历所选节点下的所有子节点。下面以删除节点为例介绍具体实现流程：

function TFrm_sys_index.delnode(node1:TTreenode):TTreenode;

var

childnode:TTreenode;

begin

childnode:=node1.GetLastChild;//按倒序获得子项，因为删除选项时，列表会发生变化

while childnode<>nil do

childnode:=delnode(childnode);//如子项不为空，进行递归调用

index_id:=inttostr(indexpointer(node1.data).index_id);//获得该节点对应指标

在数据库删除相应指标;

result:=node1.parent.GetPrevChild(node1);//定位到该节点的上一节点

node1.delete;//删除树节点

end;

三、拖动树节点

拖动树节点基本上是通过建立目标项的新子项、向它复制源项、删除原项来移动选项。与上述删除操作相似，也是通过递归调用同一个函数（用于移动一个选项），按倒序移动所选节点下的所有子节点。下面是递归过程的代码：

procedure TFrm_sys_index.CopyNodeUnder(treeview:TTreeview;

sourcenode,targetnode:ttreenode);

var

newnode:ttreenode;

i:integer;

begin

newnode:=treeview.items.addchildfirst(targetnode,'');//建立目标项

newnode.assign(sourcenode);//复制源项属性

for i:=sourcenode.count-1 downto 0 do//递归调用，按倒序移动其所有子项

CopyNodeUnder(treeview,sourcenode.item[i],newnode);

treeview.items.delete(sourcenode);//删除源项

end;

Treeview对拖动操作提供支持，我们将组件的DragKind属性设置为dkDrag，DragMode属性设置为dmAutomatic，并为OnDragOver与OnDragDrop事件编写了处理程序。OnDragOver事件处理程序对允许移动的条件进行判断，排除需要避免的特殊情况。代码如下：

procedure TFrm_sys_index.tv_zbDragOver(Sender, Source: TObject; X,

Y: Integer; State: TDragState; var Accept: Boolean);

var

targetnode,sourcenode:TTreenode;

begin

targetnode:=tv_zb.getnodeat(x,y);

if(Source=Sender) and(targetnode<>nil) then//保证移动在TreeView上，且目标节点不为空

begin

Accept:=true;

sourcenode:=tv_zb.selected;

//以下代码防止用户将一个选项拖到其子项上（它会随着选项一起移动，导致死循环）

while(targetnode.parent<>nil) and(targetnode<> sourcenode) do

targetnode:=targetnode.parent;

if(targetnode= sourcenode) then Accept:=false;

end

else Accept:=false;

end;

OnDragDrop事件处理程序启动前述移动过程CopyNodeUnder，修改数据库数据。此外，在大批量添加数据到Treeview中时最好使用TreeView.Items.BeginUpdate和 TreeView.Items.EndUpdate，这样能加快显示速度。大致流程如下：

procedure TFrm_sys_index.tv_zbDragDrop(Sender, Source: TObject; X,

Y: Integer);

var

targetnode,sourcenode:TTreenode;

begin

targetnode:=tv_zb.getnodeat(x,y);//获得源节点

sourcenode:=tv_zb.selected;//获得目标节点

修改数据库中当前节点的父节点号parent_id，使其等目标节点标识号；

tv_zb.items.beginupdate;//禁用TreeView重绘操作

try

copynodeunder(tv_zb,sourcenode,targetnode);//启动移动过程

tv_zb.selected:=targetnode;

finally

tv_zb.items.endupdate;//重新设置

end;

end;

例四

给你一段超级短的代码，caption字段就是你的value字段，因value是保留字，所以我改成这个了。

procedure TForm1.Button1Click(Sender: TObject);

var

ss: TStrings;

begin

AdoQuery1.SQL.Text:='SELECT name,caption FROM test8 ORDER BY name';

AdoQuery1.Open;

ss:= TStringList.Create;

while not AdoQuery1.Eof do

begin

ss.Add(StringOfChar(#9,(Length(Trim(AdoQuery1.FieldValues['name'])) div 2)-1)

+ AdoQuery1.FieldValues['caption']);

AdoQuery1.Next;

end;

ShowMessage(ss.Text);

ss.SaveToFile('d:\test8.txt');

ss.Free;

TreeView1.LoadFromFile('d:\test8.txt');

end;

js中event.srcElement和event.target的区别

一、Javascript event.srcElement

event.srcElement可以捕获当前事件作用的对象，如event.srcElement.tagName可以捕获活动标记名称。

注意获取的标记都以大写表示，如"TD","TR","A"等。所以把看过的一些抄下来，不记得的时候再来看看。

<scripttype="text/javascript">

functiontdclick(){

if(event.srcElement.tagName.toLowerCase()=='td')

alert("行："+(event.srcElement.parentNode.rowIndex+1)+"列："+(event.srcElement.cellIndex+1));

}

</script>event.srcElement从字面上可以看出来有以下关键字：事件,源他的意思就是：当前事件的源，

我们可以调用他的各种属性就像:document.getElementById("")这样的功能，

经常有人问 firefox下的 event.srcElement怎么用，在此详细说明：

IE下,event对象有srcElement属性,但是没有target属性;Firefox下,event对象有target属性,但是没有srcElement属性.但他们的作用是相当的，即：

firefox下的 event.target= IE下的 event.srcElement

解决方法:使用obj(obj= event.srcElement? event.srcElement: event.target;)来代替IE下的event.srcElement或者Firefox下的event.target.

以下是几种常见到的情况(IE下测试通过，如要测试firefox下的event.target可以修改并保存代码后用firefox打开测试)：

event.srcElement.X显示一个控件的各种属性

<divid="div_001">

<formid="form_001">

<inputtype="button"id="button_001_id"name="button_001_Name"value="单击查看"class="button_001_Class"onclick="Get_srcElement(this)">

</form>

</div><script>

functionGet_srcElement()

{

varsrcElement=""

srcElement=srcElement+""+"event.srcElement.id:"+event.srcElement.id

srcElement=srcElement+""+"event.srcElement.tagName:"+event.srcElement.tagName

srcElement=srcElement+""+"event.srcElement.type:"+event.srcElement.type

srcElement=srcElement+""+"event.srcElement.value:"+event.srcElement.value

srcElement=srcElement+""+"event.srcElement.name:"+event.srcElement.name

srcElement=srcElement+""+"event.srcElement.className:"+event.srcElement.className

srcElement=srcElement+""+"event.srcElement.parentElement.id:"+event.srcElement.parentElement.id

srcElement=srcElement+""+"event.srcElement.getattribute:"+event.srcElement.getAttribute

alert(srcElement)

}

</script>event.srcElement.selectedIndex一般使用在select对像上：

<selectname="selectname"onchange="alert(event.srcElement.options[event.srcElement.selectedIndex].value)">

<optionvalue="001">1</option>

<optionvalue="002">2</option>

<optionvalue="003">3</option>

<optionvalue="004">4</option>

<optionvalue="005">5</option>

</select>

第一个子标签为

event.srcElement.firstChild最后个一个是

event.srcElement.lastChild

当然也可以用

event.srcElement.children[i]

event.srcElement.ChildNode[i]

至于event.srcElement.parentElement是指在鼠标所在对象的上一个对象．

<divonclick="Get_srcElement()">

<divid="001"style="border:1pxsolidred;width:100%;height:500px"><spanid="node001">这是第1结点div001<span>

<divid="002"style="border:1pxsolidred;width:80%;height:300px"><spanid="node002">这是第2结点div002<span>

<divid="003"style="border:1pxsolidred;width:50%;height:200px"><spanid="node003">这是第3结点div003<span>

</div>

<divid="004"style="border:1pxsolidred;width:50%;height:200px"><spanid="node003">这是第3结点div004<span>

</div>

</div>

</div>

</div>

<script>

functionGet_srcElement()

{

varsrcElement=""

srcElement=srcElement+""+"event.srcElement.children[0].tagName:"+event.srcElement.children[0].tagName

srcElement=srcElement+""+"event.srcElement.firstChild.id:"+event.srcElement.firstChild.id

srcElement=srcElement+""+"event.srcElement.lastChild.id:"+event.srcElement.lastChild.id

alert(srcElement)

}

</script>

<divstyle="border:10pxredsolid">

<inputtype="button"value="父元素标签">

</div>event.srcElement有关问题--

event.srcElement的子标签和父标签:

第一个子标签为

event.srcElement.firstChild

最后个一个是

event.srcElement.lastChild

当然也可以用

event.srcElement.children[i]

event.srcElement.ChildNode[i]

至于event.srcElement.parentElement是指在鼠标所在对象的上一个对象．

<inputtype=buttonvalue=GOtitle="?page=1"

<scriptlanguage="JavaScript">

functionf()

{

alert('index.asp'+event.srcElement.title)

location.href='index.asp'+event.srcElement.title

}

</script>

<atitle="a测试">a测试</a>

<br>

<tableborder=1width="200">

<trtitle="tr测试"><td>tr</td></tr>

</table>

<tableborder=1width="200">

<tr><tdtitle="td测试">td</td></tr>

</table>

<select>

<optionvalue="1">1</option>

<optionvalue="2">2</option>

<optionvalue="3">3</option>

<optionvalue="4">4</option>

<optionvalue="5">5</option>

</select>

selectedindex属性的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于select标签获取选中的值、selectedindex属性的信息别忘了在本站进行查找哦。

airport蓝牙耳机怎么连接(oppo连不上苹果airport)在线留言代码 html网页留言板代码
↑