多项选择上的JavaScript selectedIndex文本
JavaScript的selectedIndex属性是用于获取或设置下拉列表中被选中选项的索引值。它是HTML DOM中select对象的属性之一。
概念： selectedIndex是一个整数值，表示被选中选项的索引值。索引值从0开始，表示第一个选项，依次递增。
分类： selectedIndex属于JavaScript的DOM属性，用于操作HTML中的下拉列表。
优势：
- 灵活性：selectedIndex属性可以通过JavaScript动态地获取和设置下拉列表的选中项，使得开发者可以根据具体需求进行操作。
- 交互性：通过selectedIndex属性，可以实现下拉列表的联动效果，即根据用户选择的选项，动态改变其他相关内容。
应用场景：
- 表单处理：selectedIndex属性常用于表单中，用于获取用户选择的选项值，以便进行后续处理。
- 动态内容展示：根据用户选择的选项，可以动态地展示相关内容，提升用户体验。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了丰富的云计算产品和服务，其中与前端开发相关的产品包括云服务器、云函数、云存储等。这些产品可以帮助开发者快速搭建和部署前端应用。
- 云服务器（CVM）：提供弹性计算能力，可根据业务需求灵活调整配置，支持多种操作系统和应用场景。详情请参考：云服务器产品介绍
- 云函数（SCF）：无服务器计算服务，支持事件驱动的函数计算模型，可实现按需运行、弹性扩缩容等特性。详情请参考：云函数产品介绍
- 云存储（COS）：提供高可靠、低成本的对象存储服务，适用于存储和处理各类非结构化数据。详情请参考：云存储产品介绍
以上是腾讯云提供的一些与前端开发相关的产品，可以根据具体需求选择合适的产品进行开发和部署。
相关·内容
我使用以下代码从JavaScript中的a中获取所选选项的文本：
form_name.select_name.options[form_name.select_name.selectedIndex].text
例如，with
<select>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
当用户选择3时，代码将返回3。
我的问题是，当它是多项选择时，例如：
<select multiple="mul
浏览 0提问于2012-02-11得票数 0
回答已采纳
我需要帮助，以显示在没有javascript的选择表单下拉不同的文本
我尝试了下面的代码，但它也使用了onchange事件。
<div>
<select onchange="if(selectedIndex!=0)document.getElementById('t').innerHTML=options[selectedIndex].value;">
<option value="">< select an option ></option>
浏览 12提问于2020-02-06得票数 0
我有javascript验证，以验证项目，如文本框，单选按钮等。如何使用焦点()的文本框或其他项目位于一个特定的标签标签？
javascript代码示例：
if (theForm.radbtnProg.checked && theForm.ddlProg.selectedIndex == 0) {
alert("Please select Institution Name from the list.");
theForm.ddlProg.focus();
}
上面的示例theForm.radbtnProg.checked和theForm.ddl
浏览 3提问于2011-11-30得票数 1
回答已采纳
调试器截图
我正在尝试获取selectedIndex选项1文本值，但是我的javascript总是使用下面的代码返回selectedIndex 0选项0值。
x[i] = x.selectedIndex[1];
以下是我已经尝试过的：
var n = "24";
var x = document.getElementById("TYPE_ID").options;
for (var i = 0; i < x.length; i++) {
if (n == "24") {
浏览 2提问于2019-10-06得票数 0
1回答
下面是我的JSF
<h:selectOneMenu id="lstmonth"
required="true"
value="#{secdeal.month}">
<f:selectItem
itemValue="JAN"
itemLabel="01-January"/>
<f:selectItem
itemValue="FEB"
itemLabel="02-February"/>
<f:selectItem
浏览 6提问于2017-03-15得票数 0
回答已采纳
3回答
我有一个问题，在HTML选择，我想显示较长的选项作为省略号。我可以通过javascript onChange实现这一点，在这里，我检查所选选项文本的长度，如果它大于N，则将其更改为省略文本。这里的问题是，一旦选项被选中并省略，然后再次单击选择框，原始文本现在显示为省略号。我需要始终显示原始的选项列表，只有在选项被选中时才执行省略。
我的onChange代码看起来像
if(option[selectedIndex].text.length > N){
var val = option[selectedIndex].text;
option[selectedIndex].te
浏览 1提问于2013-02-27得票数 2
回答已采纳
1回答
我在aspx页面中有一个列表框。当页面加载时，我将locationID设置为隐藏字段，并在列表框中将其设置为选中状态。因为列表框上有很多项。当页面未回发时，我希望在视图上显示所选项目。然而，scrollintoview只适用于元素。我在网上找到了一些例子，但在top.My上显示的代码不起作用。有人能告诉我如何在视图上显示所选项目吗？提前谢谢。
下面是我的jquery代码：
<script type="text/javascript">
$(document).ready(scrollLocation);
function sc
浏览 0提问于2016-04-15得票数 0
在这个问题上，我终于成功地更改了同一列中的两个值- 。我试着在select列表上这样做--列优先级lov --但是没有成功。选择没有像文本字段那样的“默认值”属性，所以我尝试从source.context.index属性中获取它。甲骨文顶点应用程序，用户和密码测试。我正在考虑使用纯Javascript来处理它。
更改选择列表后触发Javascript：
var source = apex.jQuery(this.triggeringElement).find('select[name="f31"]')
console.log(source)
v
浏览 0提问于2018-04-19得票数 0
我有一个数据绑定到对象的List<>的ListBox。在ListBox_SelectionChanged事件中，我检查所选的索引是否是List<>的最后一项。如果selectedIndex是最后一项，那么我想删除该项并调用web服务将更多项添加到列表中。但是如果selectedIndex不是最后一项，我想导航到一个页面。我的问题是，如果selectedTndex是最后一项，它会删除最后一项，但它再次返回到相同的" if“条件，我检查selectedIndex是否是最后一项。因此，它不是调用我的服务，而是导航到下一个页面。谁能告诉我为什么要再次调用if()条件，以
浏览 0提问于2013-01-16得票数 3
回答已采纳
我如何使我的javascript显示在de文本字段中选择的不止一个，我计划添加way more 's，所以我不想做一个疯狂的长数组。
function myFunction() {
var skilllist = document.getElementById("skilllist");
console.log(skilllist.selectedIndex);
document.getElementById("skillfield").value = skilllist.options[skilllist.selectedI
浏览 2提问于2016-02-09得票数 1
回答已采纳
我有一个列表视图，它将selectedIndex绑定到ViewModel。当ViewModel更改selectedIndex时，listview选择新项，不幸的是它没有关注它，如果列表中有很多项，那么这对用户来说是很烦人的。
如何使用XAML或至少尊重MVVM将焦点更改为selectedItem。
<ListView ItemsSource="{Binding allTags}" ItemTemplate="{StaticResource listTemplate}"
SelectedIndex="{Binding selec
浏览 2提问于2017-02-02得票数 0
回答已采纳
在火狐中，当selectedIndex的select字段发生变化时，似乎会出现一些奇怪的问题。它似乎改变了悬停，而不是点击。
使用：
setInterval(function(){console.log($('select').prop('selectedIndex'));}, 1000);
当我将selectedIndex悬停在不同的项目上时，我可以看到的变化(当我悬停在它们上时，得到蓝色背景和白色文本的项目)。
在Chrome中，selectedIndex只在单击某个选项时才会更改。
我想不出一种解决这个问题的方法--我尝试捕获对选项的点击，并根据selec
浏览 1提问于2014-09-26得票数 1
回答已采纳
我有一个JavaScript函数，这是设置下拉和文本框从这个函数，我想把这个函数转换成jQuery亲切的协助。
function setDDls(strCity, strState, strCountry) {
$(txtCity).val(strCity);
$(ddlState).val(strState);
$(ddlCountry).val(strCountry);
$("#overlay .close").click();
return false;
txtCitySearch = document.getElemen
浏览 0提问于2012-01-25得票数 0
1回答
我有一个使用designMode和<iframe>的文本编辑器。我正在尝试将字体更改为Google字体。以下是JavaScript代码：
function rich(a,b,c) {
editor.execCommand("styleWithCSS",true,null);
editor.execCommand(a,b,c);
editor.focus();
}
字体的HTML：
<select onchange="if (this.selectedIndex > 0) {rich('FontName',f
浏览 0提问于2013-10-14得票数 0
回答已采纳
当选择更改时会发生SelectedIndex_Changed事件，并且选择是否更改是通过比较下拉列表中的current selectedIndex及其在视图状态中的值来决定的。
当我们使用Javascript更改dropdown的选定项时，它不会更改视图状态的值(以前是selectedIndex)。现在，如果您更改dropdown的selectedIndex为任何新的索引，它将正常工作，但如果您选择以前的selectedIndex (我们使用javascript重置)，则将发生回发，但selectedIndex_changed函数将不会被激发，因为在dropdown的视图状态中，selecte
浏览 0提问于2010-10-22得票数 0
var myComboBox = $("#myCombo");
for (i = 4; i < checked; i++) {
myComboBox.append('<option value=' + i + '>' + i + '</option>');
}
myComboBox.selectedIndex = 0;
当myComboBox >0时，我想选择第一个选项，因此我尝试使用myComboBox.selectedIndex = 0;，但使用该选项没有任何更改，所以我尝试
浏览 0提问于2014-04-18得票数 0
在代码隐藏中，我可以这样做来选择：
// Select item in first DropDownList
myCascadingDropDown_1.SelectedValue = itemValue_1+":::"+itemText_1;
// Select item in second DropDownList
myCascadingDropDown_2.SelectedValue = itemValue_2+":::"+itemText_2;
我如何在JavaScript中做到这一点？
(我知道，我可以搜索列表并为每个下拉列表设置selectedIn
浏览 6提问于2010-03-17得票数 3
回答已采纳
我有一段代码，表单上处于DropDown模式的ComboBox将唯一项的固定ArrayList作为其数据源；通常，这对用户来说工作得很好，但很少会出现错误，因为SelectedIndex无法找到与用户输入的ComboBox文本属性所表示的项相对应的项(即使它是合法项)。
更具体地说，用户在ComboBox文本字段中以文本形式键入合法条目，然后使用鼠标导航到另一个控件。文本字段继续显示条目，但是在以后的某一时刻，当用户使用依赖于与所显示的文本相对应的SelectedIndex的方法提交更改时，SelectedIndex是不正确的(有时)。
官方文档声明：
“将Text属性设置为null或空字符串
浏览 3提问于2013-01-25得票数 1
当单击输入按钮时，我有以下javascript来更改select的值。单击按钮时，它会将select更改为空白值。
我已经尝试过.selectedIndex = '20'和.selectedIndex = 20，但仍然得到了空白的结果。
<script type="text/javascript">
function changeDefault(){
document.getElementById('Skill_1').selectedIndex = '20';
}
</script>
&
浏览 1提问于2014-03-25得票数 0
回答已采纳
当粘贴到控制台时，有几行JavaScript可以工作，但当我将相同的代码放入带有javascript:前缀的书签中时，就不能工作了。
例如,
document.getElementById("id").selectedIndex = "0" // select
document.getElementById("id2").value = "Text" // textarea
但如果我用书签，
javascript:document.getElementById("id").value = "Text"
浏览 2提问于2015-10-08得票数 1
回答已采纳
2回答
我有以下场景--几个下拉列表和一个文本框。
当用户点击文本框时，我想将这些下拉列表‘重置’为它们的原始值：
Javascript：
function ResetDropDowns()
{
var ddlSuppliers = document.getElementById('<%=ddlSuppliers.ClientID%>');
var ddlResponse = document.getElementById('<%=ddlResponse.ClientID%>');
var ddlImportStatus
浏览 3提问于2010-09-23得票数 1
回答已采纳
1回答
正在编写一个新的用户控件--下拉列表--我的代码是
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="StylishDDL.ascx.cs" Inherits="JDropDown.Controls_StylishDDL" %>
<script src="Jquery/jquery-1.3.2.min.js" type="text/javascript"></script
浏览 1提问于2012-05-23得票数 0
好的，我比较了两个and表单上的值，一个是文本值，另一个是select元素。当文本值小于下拉列表时，我需要将下拉列表更改为比文本框中的值小的最大值。
例如，如果用户在下拉列表中选择2000，然后在文本字段中输入1100，我需要弹出窗口返回1000。
我写了一些我认为可以工作的东西的开头，但是我不知道我是否应该使用return命令和下拉字段名，或者像field name (of popup)这样的东西是<文本数量。
这是我到目前为止所拥有的。如果有人能给我指出正确的方向，我将不胜感激。
function compareAmts () {
if ($("#TCA_Field1
浏览 0提问于2013-01-25得票数 2
1回答
我有一个列表视图(在扩展选择模式下，并与当前项目同步)和一个文本框。文本框允许用户输入搜索条件。在列表框的TextChanged事件中，我将搜索条件与listview中的listview项的名称进行匹配，并相应地设置selectedindex。这既是为了突出显示它，也是为了提供一个简单的选择点来从中选择更多的点。请参见以下代码：
void searchTextBox_TextChanged(object sender, TextChangedEventArgs e)
{
try
{
TextBox textBox = (T
浏览 0提问于2010-07-16得票数 3
我正在尝试创建一个谷歌表单的调查，并想创建一个多项选择题的答案之一是“不可接受(请评论)”。我想让这个人在选择这个多项选择答案后添加一些文本。
在Google forms中创建这个多项选择题时，它似乎有一个带有文本框的"other“选项，但它不允许我将默认文本"other”更改为其他内容。有没有人知道是否可以更改默认文本"other"？或者有没有其他方法可以做到这一点？谢谢。
浏览 7提问于2013-01-16得票数 4
回答已采纳
当某个选项被选中时，我使用下面的javascript在更改时显示隐藏的文本框。当存在多个选项时，它工作得很好。但是，当唯一的选项是使文本框出现时，它将不起作用。我也尝试了onload，但没有结果。
function showOther(fieldObj, otherFieldID)
{
var fieldValue = fieldObj.options[fieldObj.selectedIndex].value;
var otherFieldObj = document.getElement
浏览 0提问于2013-06-25得票数 0
回答已采纳
1回答
目的是将选定的项目从左向右移动，反之亦然。
有几个项目工作良好，但一旦它处理了许多项目，如超过20k，它走得太慢。
DefaultListModel<String> fromModel = (DefaultListModel<String>) fromJList.getModel();
DefaultListModel<String> toModel = (DefaultListModel<String>) toJList.getModel();
int selectedIndex;
while ((selectedIndex = f
浏览 0提问于2018-03-14得票数 1
回答已采纳
1回答
我们有下面的脚本，它运行在对下拉列表的更改上--根据所选择的货币代码更新价格。这基本上是获取下拉的值，并更新页面上文本中的priceamm和preicecurr字段。
<script>
function run() {
var f = document.getElementById("dropPrice");
priceamm.innerHTML = f.options[f.selectedIndex].value;
var e = document.getElementById("dropPrice");
pric
浏览 1提问于2017-03-06得票数 1
回答已采纳
我想通过值在select tag中选择一个选项。- javascript
var selectbox=document.getElementById("Lstrtemplate");
var TemplateName=selectbox.options[selectbox.selectedIndex].text;
现在我在TemplateName中有了选项text，使用它我想要更新另一个select标记，它具有相同的文本。
但是不想使用索引或id..
只想通过价值来实现
请帮帮我
浏览 1提问于2008-12-13得票数 0
这里的问题不是如何检索文本，而是如何将文本字符串赋给ColdFusion变量！我需要这个：
<cfset myVariable = "the selected TEXT from my HTML SELECT control">
这是我尝试过的：
<cfif IsDefined("Form.formCommand")>
<cfif Form.formCommand eq "save">
...
<script type="text/javascript"
浏览 0提问于2013-11-19得票数 0
如何使用显示文本作为引用来设置选择元素的selectedIndex？
示例：
<input id="AnimalToFind" type="text" />
<select id="Animals">
<option value="0">Chicken</option>
<option value="1">Crocodile</option>
<option value="2">Monkey&
浏览 5提问于2011-06-02得票数 46
回答已采纳
是否可以内联使用selectedIndex属性，而不是在javascript标记中使用它？
例如，如果我有一个内联onChange：
<select onChange="if(this.value.selectedIndex=='1'){this.value.selectedIndex=='0'}">
这不起作用，但更多的例子是我要找的东西。这种用法有可能吗？
浏览 2提问于2014-07-28得票数 0
回答已采纳
1回答
我已经在我的列表框中添加了许多项，并且我正在使用以下代码来使用列表框的选定项：
listBox1.SelectedIndex = listBox1.SelectedIndex + 1;
我还想禁用在列表框中单击。请告诉我如何在程序运行时禁用在列表框中的点击。
浏览 0提问于2012-08-23得票数 1
给出了关于HtmlSelect.SelectedIndex性质的msdn
如果将多个属性设置为true，指示可以同时选择多个项，则SelectedIndex属性包含第一个选定项的索引。
我正在我的Vb.Net WinForms应用程序中使用WinForms API，并且我试图由用户获取上一项的文本，但是在出现多个HTMLSelect时，SelectedIndex并不适合我。
这是我的密码
Private Sub onMouseDown(ByVal pEvtObj As mshtml.IHTMLEventObj)
Dim srcElement = pEvtObj.srcElem
浏览 3提问于2014-08-21得票数 1
回答已采纳
2回答
在使用JQuery时，如果使用javascript更改ui的值，某些ui元素(如下拉列表或按钮)将不会自动更新其ui。尽管该值被正确更新，但在屏幕上似乎没有什么变化。要解决这个问题，Jquery需要在更改值后使用"refresh“方法。在这个页面上，您可以找到信息和语法： (向下滚动到“刷新表单元素”)。
对于某些html元素，特别是按钮和列表框(select/选项)，文本没有正确更新，我遇到了问题。它应该自动做到这一点，但有时文本只是停留在原来的值上。尽管文本或innerHTML的值是正确的，但它是不可见的。
这里是按钮的问题所在，我使用Javascript获取并修改innerHTM
浏览 1提问于2012-12-14得票数 3
我是javascript的新手。
我修改了一个函数，当用户从下拉菜单中选择“是”时，它会在div区域中创建3个文本框。
下面是我的表单下拉代码：
<select name="dosage" id="dosage" onchange="function dosage(sel)">
<option value="No">No</option>
<option value="Yes">Yes</option>
浏览 0提问于2011-07-14得票数 1
回答已采纳
我想有一个超文本标记语言和JavaScript的代码，处理选择和选项元素
<select>
<option>
</option>
<option>
</option>
</select>
如何获取所选选项的索引，然后获取此索引值？
如何在网页表单中的select标签中将2010设置为用户可视的默认选项？
我的代码看起来像这样：
<select id="SelectYear" name="SelectYear" size="1">
浏览 0提问于2010-11-09得票数 5
回答已采纳
2回答
我想根据在comboBox中选择的项在标签中显示某些值，comboBox中的每个项将显示不同的值，问题是comboBox有很多项，每个项都需要显示不同的值
private void comboBox_SelectedIndexChanged(object sender, EventArgs e)
{
switch (comboBox.SelectedIndex)
{
case 0:
if (comboBox.SelectedIndex == 0)
{
浏览 8提问于2017-04-18得票数 0
2回答
对于可以从列表中选择多个项的索引，如果我选择了一个项，则将调用我的ListView方法。但是我一次选择了多个，我的'TheSelectedIndex‘方法没有被调用。我希望对任何类型的选择都能调用它。0项、1项或多项。我如何设置它呢？非常感谢!
<ListView
SelectionMode="Multiple"
SelectedIndex="{Binding Path="TheSelectedIndex}"
ItemsSource="{Binding Path=Ob
浏览 0提问于2011-05-31得票数 0
回答已采纳
我有一条if语句说，如果一个网页有特定的文本，可以在listBox上删除选定的项并迭代到下一个条目。
我做了一些代码，但当我尝试的时候，我一直得到：
ArgumentOutOfRangeException未被用户代码处理
这是更详细的错误：
{“1‘的InvalidArgument=Value对”SelectedIndex“无效。\r\n参数名称: SelectedIndex"}
这是我的密码：
listBox1.Items.Remove(listBox1.SelectedItem);
listBox1.SelectedIndex = + 1;
浏览 4提问于2012-01-23得票数 3
我在我的网站上有几个地方需要一个"combobox“风格的控件。为此，我将combobox控件封装到一个.NET服务器端组件中，以便于重用。有些页面上可能有组合框，有些则可能没有。
在核心，这个组合框包含一个文本框和一个与CSS对齐的"dropdown“。所呈现的HTML的一部分很简单：
<select>
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
&l
浏览 0提问于2011-10-04得票数 4
在WinForm中，我有一个ComboBox。我正在试着做这样的事情。
当ComboBox只有1个条目时，对于ComboBox，该条目应该设置为“选中的文本”，当它的条目超过1个时，第一个条目应该设置为“选中的文本”。
我希望这发生在表单加载的时候。
我该怎么做呢？
浏览 2提问于2012-10-10得票数 0
回答已采纳
我正在尝试解析一个包含一堆考试问题/答案的文本文件，以编写一个多项选择题考生的代码。
问题和答案都在单独的行上，所以我需要逐行阅读每个文件，并使用html/javascript/jquery以某种方式解析它。
我该怎么做呢？谢谢!
文本文件的扩展名为.dat，但实际上是一个文本文件。它只是格式这些进来，有太多的改变…
浏览 3提问于2012-03-29得票数 2
2回答
我有一个调用并加载我的组合框的方法。调用完成后，我在组合框的第一个添加了"All“。不幸的是，当这一项被添加到列表中时，"All“的索引为0，这会使一切变得混乱。从表中看，selectedindex应该是"a“。有没有办法将"All“设置为-1作为索引？将"a“作为索引0而不是1的最好方法是什么？
private void Load()
{
List<string> all = dataSource.GetAll();
if (all.Count > 1)
{
cbAll.Items.Clear
浏览 0提问于2012-08-10得票数 2
回答已采纳
2回答
从选中框中传递文本数据
、、、
有谁能帮我把选定的text从我的所有选中(框)传递到他们的特定(textboxes)。因为所有选择框的值都是id整数，所以我计划将我选择的每个选择框的文本保存到数据库中。
我的脚本将选定的文本从选择框传递到文本框，但没有人帮助我工作吗？
html：
<form method="post">
Caraga Region: <select name="region" id="region"></select>
Municipalities: <select name="town" id=
浏览 3提问于2014-02-15得票数 1
回答已采纳
1回答
我有一个包含多个表单元素的JSP页面(文本框、下拉菜单、文本区域等)，我想在单击按钮时清除它们，我编写了以下JavaScript代码：
function clearForm(frm){
alert("in clear form");
$("textarea").val("");
document.getElementById("City").selectedIndex = 0;
document.getElementById('STREET_NAME').value="
浏览 1提问于2014-05-21得票数 0
回答已采纳
我创建了一个代码，当我在列表框中选择一个项目时，有关该项目的信息将显示在文本框中。我还有上移和下移按钮来上下移动列表的内容，还有delete按钮来删除所选的项目。现在，当我单击项目时，信息将显示在文本框中，但如果我单击相同项目的上移、下移或删除按钮，则抛出异常: object reference not set to a instance of a Object。当我在下面的代码中创建一个新的ClassName对象时，会抛出这个异常：
private void lb_SelectedIndexChanged(object sender, EventArgs e)
{
浏览 4提问于2009-05-30得票数 0
我有一个非常简单的问题，但我不知道怎么做……在我的HTML页面中，我有一个简单的select标记：
<select id="selection-type">
<option disabled="disabled">Type</option>
<option value="0">Tous les types</option>
<option value="1">Appartement</option>
<
浏览 0提问于2013-02-15得票数 0
1回答
同时设置多个元素的样式
、、、
我在html中创建了四个下拉选择列表，并从ajax对象动态加载它们。我这样做是为了让您可以在选择列表和onchange事件中选择一个条目，该事件运行一个javascript函数，该函数将获取各个条目的数据并显示在选择列表下面的一个表中。页面上有四个这样的项目，这样一个人就可以选择四个不同的项目，然后比较它们的特征。THat的所有功能都很出色，但是我在css中使用:hover来尝试突出显示与悬停在其上的产品相匹配的四个产品的特征，即:如果您将鼠标悬停在一个产品名称上，则会突出显示所有产品名称。下面是代码
function displayStrainInfo(event){
var eve
浏览 2提问于2012-03-03得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
