当前位置: 首页 > 面试题库 >

使用JavaScript在下拉列表中获取选定的值

饶志
2023-03-14
问题内容

如何使用JavaScript从下拉列表中获取选定的值?

我尝试了下面的方法,但是它们都返回选择的索引而不是值:

var as = document.form1.ddlViewBy.value;
var e = document.getElementById("ddlViewBy");
var strUser = e.options[e.selectedIndex].value;

问题答案:

如果您有一个如下所示的select元素:

<select id="ddlViewBy">
  <option value="1">test1</option>
  <option value="2" selected="selected">test2</option>
  <option value="3">test3</option>
</select>

运行此代码

var e = document.getElementById("ddlViewBy");
var strUser = e.options[e.selectedIndex].value;

strUser成为2。如果您真正想要的是test2,请执行以下操作:

var e = document.getElementById("ddlViewBy");
var strUser = e.options[e.selectedIndex].text;

这将strUser成为test2



 类似资料:
  • 我有一个下拉列表,客户端必须选择一个值,然后它将在mysql db中持久化好的,我这样做了,但我希望当客户端选择一个值时,我得到该值,然后我执行if语句示例: 如果选择的值为:CIN,则为compte。setcomptenumber(25364138);就像那样 这是我的控制器: 我的html:

  • 问题内容: 通常,我使用它来返回所选选项的值,但这一次它不起作用。所选标签的ID HTML代码 问题答案: 对于下拉选项,您可能想要这样的东西: 之所以不能解决问题,是因为单击选项不会更改下拉菜单的值,它只是将属性添加到作为下拉菜单的 子 项的所选选项中。

  • 问题内容: 如何从jQuery 的下拉列表 中获取选定的文本(而不是选定的值)? 问题答案:

  • 这是我的html表单,在这个表单中有三个选择下拉列表,我在onchange上使用ajax提交这个表单。所以,如果我选择第一个下拉列表,它将显示第一个选择的下拉列表值。如果我选择第二个下拉列表,它将只显示第二个选择的下拉列表值。但我想显示所有选中的下拉列表,我指的是第一个、第二个和第三个选中的下拉列表值。 所以我的问题是如何从多个选择标记中获取所有选择的值。这里是ajax文件code 请回复我谢谢。

  • 问题内容: 我有一个带有已知值的下拉列表。我想做的是使用 jQuery 将下拉列表设置为一个我知道存在的特定值。使用常规 JavaScript,我将执行以下操作: 但是,我需要使用 jQuery 来完成此操作,因为我为选择器使用了 CSS类愚蠢的[ASP.NET客户端ID …)。 这是我尝试过的一些方法: 如何使用 jQuery ? 更新资料 事实证明,我第一次做对了: 当我在上面放置一个警报时,

  • 我曾试图获得选定的下拉值基于一些其他输入类型的文本字段使用下面的代码。然而,每次它获得第一个值,即,即使我选择了另一个。 这里我选择第二个选项,即b,但它显示警报15,但b的实际值是16