如何获取和设置HTML文档中select元素的选中项

如何获取和设置HTML文档中select元素的选中项,第1张

在HTML页面中,获取当前select元素中所选中的那个值和显示值。

<tr>

<th scope="row" width="15%" nowrap >*目标字段</th>

<td><select name="idMbzd" style="width:25%" onchang=”on_idmbzd_change()”>

<option value=”1”>eg1</option>

<option value=”2”>eg2</option>

<option value=”3”>eg2</option>

</select>

</td>

</tr>

<script>

function on_idmbzd_change(){

var sel_obj = document.getElementByIdx("idMbzd ");

var index = sel_obj.selectedIndex

alert(sel_obj.options[index].value)

alert(sel_obj.options[index].text)

}

</script>

设置select元素的选中项:

通过<select>的属性来设置选中项,此方法可以在动态语言如php在后台根据需要控制输出结果。

<select id = "sel" >

<option value = "1" >1</ option >

<option value = "2" selected = "selected" >2</ option >

<option value = "3" >3</ option >

</ select >

扩展资料

超文本标记语言(外国语简称:HTML)标记标签通常被称为HTML标签,HTML标签是HTML语言中最基本的单位,HTML标签是HTML(标准通用标记语言下的一个应用)最重要的组成部分。

HTML标签的大小写无关的,例如“主体”<body>跟<BODY>表示的意思是一样的,推荐使用小写。

参考资料来源:百度百科-HTML

select是HTML中from表单的一个下拉菜单,格式如下

<form action="" >

  <select name="" id="">

    <option value="1">选项一</option>

    <option value="2">选项二</option>

    <option value="3">选项三</option>

    <option value="4">选项四</option>

  </select>

</form>

除非最终检索它们并利用它们来做点事情,否则将记录放入数据库没什么好处。这就是 SELECT 语句的用途,即帮助取出数据。SELECT 大概是 SQL 语言中最常用的语句,而且怎样使用它也最为讲究;用它来选择记录可能相当复杂,可能会涉及许多表中列之间的比较。本节介绍Select语句关于查询的最基本功能。

SELECT 语句的语法如下:

SELECT selection_list 选择哪些列

FROM table_list 从何处选择行

WHERE primary_constraint 行必须满足什么条件

GROUP BY grouping_columns 怎样对结果分组

HAVING secondary_constraint 行必须满足的第二条件

ORDER BY sorting_columns 怎样对结果排序

LIMIT count 结果限定

注意:所有使用的关键词必须精确地以上面的顺序给出。例如,一个HAVING子句必须跟在GROUP BY子句之后和ORDER BY子句之前。

除了词“SELECT”和说明希望检索什么的 column_list 部分外,语法中的每样东西都是可选的。有的数据库还需要 FROM 子句。MySQL 有所不同,它允许对表达式求值而不引用任何表。

查询特定行:

你能从你的表中只选择特定的行。例如,如果你想要验证你对Bowser的出生日期所做的改变,像这样精选Bowser的记录:

mysql>SELECT * FROM pet WHERE name = "Bowser"

其结果为:

+--------+-------+---------+------+------------+------------+

| name | owner | species | sex | birth | death |

+--------+-------+---------+------+------------+------------+

| Bowser | Diane | dog | m| 1990-08-31 | 1995-07-29 |

+--------+-------+---------+------+------------+------------+

你可以对照前一个例子来验证。

进行表达式计算

前面的多数查询通过从表中检索值已经产生了输出结果。MySQL 还允许作为一个公式的结果来计算输出列的值。表达式可以简单也可以复杂。下面的查询求一个简单表达式的值(常量)以及一个涉及几个算术运算符和两个函数调用的较复杂的表达式的值。例如,计算Browser生活的天数:

mysql>SELECT death-birth FROM pet WHERE name="Bowser"

其结果是:

+-------------+

| death-birth |

+-------------+

| 49898 |

+-------------+

由于MySQL允许对表达式求值而不引用任何表。所以也可以这样使用:

mysql>select (2+3*4.5)/2.5

其结果为:

+---------------+

| (2+3*4.5)/2.5 |

+---------------+

| 6.200 |

+---------------+

条件查询

不必每次查询都返回所有的行记录,你能从你的表中只选择特定的行。为此你需要使用WHERE或者HAVING从句。HAVING从句与WHERE从句的区别是,HAVING表达的是第二条件,在与其他从句配合使用,显然不能在WHERE子句中的项目使用HAVING。因此本小节紧介绍WHERE从句的使用,HAVING从句的使用方法类似。另外WHERE从句也可以实现HAVING从句的绝大部分功能。

为了限制 SELECT 语句检索出来的记录集,可使用 WHERE 子句,它给出选择行的条件。可通过查找满足各种条件的列值来选择行。

WHERE 子句中的表达式可使用表1 中的算术运算符、表2 的比较运算符和表3 的逻辑运算符。还可以使用圆括号将一个表达式分成几个部分。可使用常量、表列和函数来完成运算。在本教程的查询中,我们有时使用几个 MySQL 函数,但是 MySQL 的函数远不止这里给出的这些。请参阅附录 一,那里给出了所有MySQL 函数的清单。

例如,如果你想要验证你对Bowser的出生日期所做的改变,像这样精选Bowser的记录:

mysql>SELECT * FROM pet WHERE name = "Bowser"

+--------+-------+---------+------+------------+------------+

| name | owner | species | sex | birth | death |

+--------+-------+---------+------+------------+------------+

| Bowser | Diane | dog | m| 1990-08-31 | 1995-07-29 |

+--------+-------+---------+------+------------+------------+

输出证实出生年份现在正确记录为1990,而不是1909。

字符串比较通常是大小些无关的,因此你可以指定名字为"bowser"、"BOWSER"等等,查询结果将是相同的。

你能在任何列上指定条件,不只是name。例如,如果你想要知道哪个动物在1998以后出生的,测试birth列:

mysql>SELECT * FROM pet WHERE birth >= "1998-1-1"

+----------+-------+---------+------+------------+-------+

| name | owner | species | sex | birth | death |

+----------+-------+---------+------+------------+-------+

| Chirpy | Gwen | bird| f| 1998-09-11 | NULL |

| Puffball | Diane | hamster | f| 1999-03-30 | NULL |

+----------+-------+---------+------+------------+-------+

你能组合条件,例如,找出雌性的狗:

mysql>SELECT * FROM pet WHERE species = "dog" AND sex = "f"

+-------+--------+---------+------+------------+-------+

| name | owner | species | sex | birth | death |

+-------+--------+---------+------+------------+-------+

| Buffy | Harold | dog | f| 1989-05-13 | NULL |

+-------+--------+---------+------+------------+-------+

上面的查询使用AND逻辑 *** 作符,也有一个OR *** 作符:

mysql>SELECT * FROM pet WHERE species = "snake" OR species = "bird"

+----------+-------+---------+------+------------+-------+

| name | owner | species | sex | birth | death |

+----------+-------+---------+------+------------+-------+

| Chirpy | Gwen | bird| f| 1998-09-11 | NULL |

| Whistler | Gwen | bird| NULL | 1997-12-09 | NULL |

| Slim | Benny | snake | m| 1996-04-29 | NULL |

+----------+-------+---------+------+------------+-------+

AND和OR可以混用。如果你这样做,使用括号指明条件应该如何被分组是一个好主意:

mysql>SELECT * FROM pet WHERE (species = "cat" AND sex = "m")

->OR (species = "dog" AND sex = "f")

+-------+--------+---------+------+------------+-------+

| name | owner | species | sex | birth | death |

+-------+--------+---------+------+------------+-------+

| Claws | Gwen | cat | m| 1994-03-17 | NULL |

| Buffy | Harold | dog | f| 1989-05-13 | NULL |

+-------+--------+---------+------+------------+-------+

查询排序

使用ORDER BY子句对查询返回的结果按一列或多列排序。ORDER BY子句的语法格式为:

ORDER BY column_name [ASC|DESC] [,…]

其中ASC表示升序,为默认值,DESC为降序。ORDER BY不能按text、text和image数据类型进行排 序。另外,可以根据表达式进行排序。

例如,这里是动物生日,按日期排序:

mysql>SELECT name, birth FROM pet ORDER BY birth

+----------+------------+

| name | birth |

+----------+------------+

| Buffy| 1989-05-13 |

| Fang | 1990-08-27 |

| Bowser | 1990-08-31 |

| Fluffy | 1993-02-04 |

| Claws| 1994-03-17 |

| Slim | 1996-04-29 |

| Whistler | 1997-12-09 |

| Chirpy | 1998-09-11 |

| Puffball | 1999-03-30 |

+----------+------------+

为了以逆序排序,增加DESC(下降 )关键字到你正在排序的列名上:

mysql>SELECT name, birth FROM pet ORDER BY birth DESC

+----------+------------+

| name | birth |

+----------+------------+

| Puffball | 1999-03-30 |

| Chirpy | 1998-09-11 |

| Whistler | 1997-12-09 |

| Slim | 1996-04-29 |

| Claws| 1994-03-17 |

| Fluffy | 1993-02-04 |

| Bowser | 1990-08-31 |

| Fang | 1990-08-27 |

| Buffy| 1989-05-13 |

+----------+------------+

你能在多个列上排序。例如,按动物的种类排序,然后按生日,首先是动物种类中最年轻的动物,使用下列查询:

mysql>SELECT name, species, birth FROM pet ORDER BY species, birth DESC

+----------+---------+------------+

| name | species | birth |

+----------+---------+------------+

| Chirpy | bird| 1998-09-11 |

| Whistler | bird| 1997-12-09 |

| Claws| cat | 1994-03-17 |

| Fluffy | cat | 1993-02-04 |

| Bowser | dog | 1990-08-31 |

| Fang | dog | 1990-08-27 |

| Buffy| dog | 1989-05-13 |

| Puffball | hamster | 1999-03-30 |查询分组与行计数

GROUP BY 从句根据所给的列名返回分组的查询结果,可用于查询具有相同值的列。其语法为:

GROUP BY col_name,….

你可以为多个列分组。

例如:

mysql>SELECT * FROM pet GROUP BY species

+----------+--------+---------+------+------------+-------+

| name | owner | species | sex | birth | death |

+----------+--------+---------+------+------------+-------+

| Chirpy | Gwen | bird| f| 1998-09-11 | NULL |

| Fluffy | Harold | cat | f| 1993-02-04 | NULL |

| Buffy| Harold | dog | f| 1989-05-13 | NULL |

| Puffball | Diane | hamster | f| 1999-03-30 | NULL |

| Slim | Benny | snake | m| 1996-04-29 | NULL |

+----------+--------+---------+------+------------+-------+

由以上结果可以看出:

查询显示结果时,被分组的列如果有重复的值,只返回靠前的记录,并且返回的记录集是排序的。这并不是一个很好的结果。仅仅使用GROUP BY从句并没有什么意义,该从句的真正作用在于与各种组合函数配合,用于行计数。

1、COUNT()函数计数非NULL结果的数目。

你可以这样计算表中记录行的数目:

mysql>select count(*) from pet

+----------+

| count(*) |

+----------+

|9 |

+----------+

计算sex为非空的记录数目:

mysql>select count(sex) from pet

+------------+

| count(sex) |

+------------+

| 8 |

+------------+

现在配合GROUP BY 从句使用。

例如:要知道每个主人有多少宠物

mysql>SELECT owner, COUNT(*) FROM pet GROUP BY owner

+--------+----------+

| owner | COUNT(*) |

+--------+----------+

| Benny |2 |

| Diane |2 |

| Gwen |3 |

| Harold |2 |

+--------+----------+

又如,每种宠物的个数:

mysql>SELECT species,count(*) FROM pet GROUP BY species

+---------+----------+

| species | count(*) |

+---------+----------+

| bird|2 |

| cat |2 |

| dog |3 |

| hamster |1 |

| snake |1 |

+---------+----------+

如果你除了计数还返回一个列的值,那么必须使用GROU BY语句,否则无法计算记录。例如上例,使用GROUP BY对每个owner分组所有记录,没有它,你得到的一切是一条错误消息:

mysql>SELECT owner, COUNT(owner) FROM pet

ERROR 1140 at line 1: Mixing of GROUP columns (MIN(),MAX(),COUNT()...)

with no GROUP columns is illegal if there is no GROUP BY clause

也可以根据多个列分组,例如:

按种类和性别组合的动物数量:

mysql>SELECT species, sex, COUNT(*) FROM pet GROUP BY species, sex

+---------+------+----------+

| species | sex | COUNT(*) |

+---------+------+----------+

| bird| NULL |1 |

| bird| f|1 |

| cat | f|1 |

| cat | m|1 |

| dog | f|1 |

| dog | m|2 |

| hamster | f|1 |

| snake | m|1 |

+---------+------+----------+

| Slim | snake | 1996-04-29 |

+----------+---------+------------+

注意DESC关键词仅适用于紧跟在它之前的列名字(birth);species值仍然以升序被排序。注意,输出首先按照species排序,然后具有相同species的宠物再按照birth降序排列。

查询多个表

查询多个表,FROM子句列出表名,并用逗号分隔,因为查询需要从他们两个拉出信息。

当组合(联结-join)来自多个表的信息时,你需要指定在一个表中的记录怎样能匹配其它表的记录。这很简单,因为它们都有一个name列。查询使用WHERE子句基于name值来匹配2个表中的记录。

因为name列出现在两个表中,当引用列时,你一定要指定哪个表。这通过把表名附在列名前做到。

现在有一个event表:

mysql>select * from event

+----------+------------+----------+-----------------------------+

| name | date | type | remark |

+----------+------------+----------+-----------------------------+

| Fluffy | 1995-05-15 | litter | 4 kittens, 3 female, 1 male |

| Buffy| 1993-06-23 | litter | 5 puppies, 2 female, 3 male |

| Buffy| 1994-06-19 | litter | 3 puppies, 3 female |

| Chirpy | 1999-03-21 | vet | needed beak straightened|

| Slim | 1997-08-03 | vet | broken rib |

| Bowser | 1991-10-12 | kennel | NULL|

| Fang | 1991-10-12 | kennel | NULL|

| Fang | 1998-08-28 | birthday | Gave him a new chew toy |

| Claws| 1998-03-17 | birthday | Gave him a new flea collar |

| Whistler | 1998-12-09 | birthday | First birthday |

+----------+------------+----------+-----------------------------+

同样方法也可用于同一张表中,你不必有2个不同的表来执行一个联结。如果你想要将一个表的记录与同一个表的其他记录进行比较,联结一个表到自身有时是有用的。例如,为了在你的宠物之中繁殖配偶,你可以用pet联结自身来进行相似种类的雄雌配对:

mysql>SELECT p1.name, p1.sex, p2.name, p2.sex, p1.species

->FROM pet AS p1, pet AS p2

->WHERE p1.species = p2.species AND p1.sex = "f" AND p2.sex = "m"

+--------+------+--------+------+---------+

| name | sex | name | sex | species |

+--------+------+--------+------+---------+

| Fluffy | f| Claws | m| cat |

| Buffy | f| Fang | m| dog |

| Buffy | f| Bowser | m| dog |

+--------+------+--------+------+---------+


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7501810.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-06
下一篇 2023-04-06

发表评论

登录后才能评论

评论列表(0条)

保存