`
J_Fox
  • 浏览: 17805 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
文章分类
社区版块
存档分类
最新评论

通过js来实现select标签中哪个option处于选中状态

 
阅读更多
方法1:
<SCRIPT LANGUAGE="javascript">
function window::onload() {
select();
}
function select()
{
var length;
var aa  = "<%= StringUtils.varFormat(customerIdea.getDealThing())%>";
length = document.FormName.selectName.length;
alert(length);
for(var i = 0 ;i<length ;i++)
{
if(document.FormName.selectName[i].value == aa)
{
document.FormName.selectName[i].selected = true;
break;
}
}
}
</SCRIPT>

红色显示的就是得到的你要select选中的值,
页面上form的名称:FormName
   select的名称:selectName

方法2:
<script type="text/javascript">
function window::onload() {
select();
}
function select()
{
document.FormName.selectName.value="<%= StringUtils.varFormat(customerIdea.getRationality())%>";
}
</script>
方法2直接把内容赋给document得到的value,就可以将当前有的select选中,方法仅供参考,可以自己试。
分享到:
评论

相关推荐

    select将选中的option设置为默认选项

    在网页开发中,`&lt;select&gt;`元素用于创建下拉列表,而`&lt;option&gt;`标签则定义了下拉列表中的选项。有时候,我们可能需要在页面加载时预设一个选项为默认选中状态,或者根据用户操作动态改变选中状态。在JavaScript中,这...

    用jquery获取select标签中选中的option值及文本的示例

    根据提供的文件信息,我们可以了解到如何使用jQuery来获取HTML中select标签的选中项(option)的值(value)和文本内容(text)。以下是详细的知识点: 1. 引入jQuery库:要使用jQuery操作DOM元素,必须先引入...

    js获取select默认选中的Option并不是当前选中值

    js函数方法: 代码如下: [removed] function getDefaultSelectedOption(selectId, valIfNull) { var dom, selectId = selectId.replace(/^#/, ”), opts; try { opts = document.getElementById(selectId)....

    select option带自定义图片

    然而,原生的`&lt;option&gt;`元素并不支持直接添加图片,但通过一些JavaScript和CSS的技巧,我们可以实现自定义带有图片的`&lt;option&gt;`效果。以下是一个关于如何在`&lt;select&gt;`和`&lt;option&gt;`中添加自定义图片的详细教程。 ...

    jquery获得select option值

    这里使用了`option:selected`选择器来选取当前被选中的`&lt;option&gt;`元素,并通过`.text()`获取其文本内容。 2. **设置默认选中的下拉项**: ```javascript $('#select_id')[0].selectedIndex = 1; ``` 通过直接...

    页select中如何实现选择option其中一个选项,显示相关的内容

    ### 如何实现在`&lt;select&gt;`中选择一个`&lt;option&gt;`后显示相关的内容 #### 场景概述 根据所提供的信息,我们面临的问题是:当用户从一个`&lt;select&gt;`元素中选择一个`&lt;option&gt;`时,希望能在页面的某个区域内显示与所选`...

    js动态设置select下拉菜单的默认选中项实例

    在这篇文章中,我们将介绍如何使用JavaScript来动态设置select下拉菜单的默认选中项。这个过程对于Web开发人员来说是非常常见的需求,尤其是在需要根据不同的条件来显示不同的下拉菜单选项时。 首先,我们需要了解...

    javascript获取select标签选中的值.doc

    本文将详细介绍如何使用纯JavaScript以及jQuery库来获取select标签中用户选中的值,及其对应的文本信息。掌握这些方法对提升用户体验和处理表单提交非常有帮助。 ### 使用纯JavaScript获取select标签的值 首先,...

    option的value比较来确定select默认选中项

    总的来说,通过比较`option`的`value`来设置`select`的默认选中项是常见的前端开发任务,无论是静态HTML还是动态生成,都可以通过JavaScript或其他库轻松实现。在实际项目中,应考虑性能优化,避免不必要的遍历操作...

    Js操作Select大全(取值、设置选中等等)

    本文档将详细介绍如何利用原生JavaScript和jQuery来操作`&lt;select&gt;`元素,包括但不限于取值、设置选中状态等常见操作。 #### 二、基础知识回顾 在开始深入讲解之前,我们先回顾一下`&lt;select&gt;`的基本结构: ```html ...

    JS实现select选中option触发事件操作示例

    本文实例讲述了JS实现select选中option触发事件操作。分享给大家供大家参考,具体如下: 我们在用到下拉列表框select时,需要对选中的&lt;option&gt;选项触发事件,其实&lt;option&gt;本身没有触发事件方法,我们只有在select里...

    js 操作select和option

    ### JavaScript 操作 Select 和 Option 的方法详解 在网页开发中,`&lt;select&gt;` 元素是一种常见的表单控件,用于收集用户输入的选择项。它通常包含多个 `&lt;option&gt;` 子元素供用户选择。通过 JavaScript,我们可以实现...

    IE6中select标签的option不能disabled的解决方案

    在早期的Internet Explorer 6(简称IE6)浏览器中,存在一个众所周知的兼容性问题:`&lt;select&gt;`标签内的`&lt;option&gt;`元素无法正确地应用`disabled`属性。这个问题使得开发者无法在IE6中实现禁用某些选项的功能,这对于...

    javascript_select_option_操作详解.txt

    要修改 `&lt;select&gt;` 中的 `&lt;option&gt;`,可以通过获取其索引位置并赋值一个新的 `&lt;option&gt;` 对象来实现: ```javascript function modifyOption(selectElement, index, newText, newValue) { var newOption = new ...

    html js 清除select里的值,js控制select增删改,选中,清空, 判断控件是否存在

    本篇文章将探讨如何通过JavaScript来实现这些功能,并判断控件是否存在。首先,我们需要理解HTML的基本结构和JavaScript的DOM(Document Object Model)操作。 1. **HTML `&lt;select&gt;`元素**: `&lt;select&gt;`元素创建一...

    select标签边框的颜色select标签边框的颜色

    由于浏览器原生的 `&lt;select&gt;` 标签样式难以自定义,许多开发者会使用 JavaScript 库(如 Select2、Chosen 或 Selectize)来模拟自定义的下拉菜单。这些库通过替换原生元素并创建新的 HTML 结构,提供了更丰富的...

    js select option

    在JavaScript编程中,`select`元素和`option`标签是创建下拉列表的重要部分。`select`用于定义一个选择框,而`option`则用于在选择框中添加可选项。在网页交互中,用户通常会使用这样的下拉列表来从预设的选项中做出...

    用JavaScript来美化HTML的select标签的下拉列表效果

    通过动态地读取原生select中的option值,然后将这些值复制到自定义下拉菜单中,从而实现一个在视觉上与原生select一致但样式更灵活的元素。 3. 位置和交互:为了保持用户体验的一致性,自定义的下拉菜单需要正确地...

    JS select标签复选

    然而,标准的 `&lt;select&gt;` 标签默认只支持单选,但通过 JavaScript(JS) 和 jQuery(JQ) 的帮助,我们可以实现多选功能,即复选。这里将详细讲解如何实现 `JS select 标签复选`。 首先,我们需要一个基本的 HTML ...

Global site tag (gtag.js) - Google Analytics