script动态控制表单中的下拉列表项被选中

最新推荐文章于 2021-12-28 11:50:15 发布
最新推荐文章于 2021-12-28 11:50:15 发布 · 202 阅读 · 0
文章标签：

#脚本 #JavaScript #浏览器 #ViewUI

本文介绍了一段JavaScript代码，用于在页面加载完成后自动选择表单中特定的下拉选项。此方法避免了因脚本执行时机不当而导致的错误。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

script_ language="Javascript_">
<!--
for (i=0;i<document.form1.s1.options.length;i++)
{
if(document.form1.s1.options[i].value=="<%=Rs("xxxxx")%>")
{
document.form1.s1.options[i].selected=true;break;
}
}
//-->
</script_>

特别注意：如果不用函数调用写在head开始，浏览器并未加载完代码，会提示脚本错误，所以一般要将该脚本放在body介绍前
JS根据表单中的选项，自动生成span标签后显示选中的内容
简简单单
12-10 6566
在下订单时，根据选择的订单内容，动态显示出来，供用户确认。 源代码如下： 景点编号 门票名称 成人票 学生票 儿童票 军人票 价格张数价格张数价格张数价
js动态设置select下拉菜单的默认选中项实例
12-02
利用javascript设置select下拉菜单的选中项。 代码实例如下： <!--js动态设置select下拉菜单的默认选中项--> <html> <head> <title>下拉菜单</title> [removed] [removed]=function(){ var osel=document.getElementById("selID"); //得到select的ID var opts=osel.getElementsByTagName("option");//得到数组option var obt=document.getE
JavaScript控制下拉框(Select)
abc11111118的博客
07-22 301
<select id="mysel" name="mysel"> <option value="1">1 xxxxxxxxxx</option> <option value="2">2 yyyyyyyyyy</option> <option value="3">3 zzzzzzzzzz</option&g...
li列表中被选中项
lengxin337的专栏
05-27 1888
var preClassName = "man_nav_1"; function list_sub_nav(Id){    if(preClassName != ""){       getObject(preClassName).className="";    }    if(getObject(Id).className == ""){       getObject(Id).c
js 实现 被选中的列表项下次不能再选
03-31
js 实现 被选中的列表项下次不能再选! 值得下载看看!资源免费,大家分享!!
JavaScript点击链接滑出下拉列表
liu_zhongjie的专栏
08-31 692
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">JavaScript点击文字滑出下拉列表- codefans.net  /* Start of css that is not needed for the script */ body{  font-family: Treb
js实现下拉列表选中某个值的方法(3种方法)
10-23
JavaScript实现下拉列表选中某个值的方法主要包括三种方式，分别为通过索引选择、通过name或id选择以及通过value值选择。以下详细阐述每种方法的实现原理和步骤。 首先，了解基本的HTML结构，一个下拉列表通常由一...
Vue表单之v-model绑定下拉列表功能
10-17
下拉列表是表单中的常见元素，它允许用户从有限的选项中进行选择。在传统的HTML中，下拉列表是通过标签和包含的标签来实现的。在Vue.js中，我们同样使用这两个标签，但是结合v-model指令来实现数据的双向绑定。 在...
基于layui的下拉列表的数据回显方法
10-16
数据回显是指在用户界面中，将从后端服务器获取到的数据展示到页面上的某个组件中，如在下拉列表中预先选中某一项。回显的目的是为了提升用户体验，确保用户在界面上看到的数据是最新和符合实际状态的。 ### 静态...
JavaScript判断表单提交时哪个radio按钮被选中的方法
10-24
这个方法的实用性非常高，因为它不仅限于判断单选按钮，类似的方法也可以用来判断表单中其他类型的输入元素，比如复选框（checkboxes）、下拉列表（select menus）等。重要的是，需要确保这些元素都有一个共同的名称...
Java Script基础（九） 下拉列表对象
weixin_30894583的博客
12-19 203
Select下拉列表 　　属性： 　　options[]：返回包含下拉列表中的所有选项的一个数组。 　　selectedIndex：设置返回下拉列表中被选项目的索引号。 　　length：返回下拉列表框中选项的数目。如果设置为0，表示清空列表框。 　　方法： 　　add(new,old)：添加一个选项。如果old为空则添加到末尾，old有值则添加到old之前。 　　事件： 　　on...
HTML表单元素下拉列表及单选复选框选中和获取值
一梦三四年～
12-16 1132
//根据值选中下拉菜单某项 function setSelectedValue(id,value){ var selectObj = document.getElementById(id); for(i=0;i&lt;selectObj.length;i++){ if(selectObj.options[i].value==value){ selectObj...
用js选中列表框的某项
幽灵之家
11-29 648
&lt;html&gt;&lt;head&gt;?测试js选中select某项&lt;/head&gt;&lt;script language="javascript"&gt;&lt;/script&gt;&lt;body onload="jsSelectValue(form1.vivers_id,'666')"&gt;?1111?2222?3333?4444?5555?6
js进阶 9-10 html中如何遍历下拉列表
weixin_33701251的博客
06-10 835
js进阶 9-10  html中单选框和多选框如何遍历下拉列表 一、总结 一句话总结： 1、select元素的options.length可以获取选择长度，然后用options[i]精确定位到选项，用选项元素的selected属性判断选项是否选中，选项的text属性获取选项内容。 2、textarea的value属性获取teaxtarea里面的值     二、js进阶 9-10  h...
JS设置select下拉框默认选中
热门推荐
weixin_42949219的博客
12-28 2万+
<select id="selectExample"> <option value="1">aaa</option> <option value="2">bbb</option> <option value="3">ccc</option> </select> 根据value值设置默认选中 //方法一： $("#selectExample").val('1');//设置value为1的option选项为默
layui设置下拉列表框的选中选项
最新发布
06-20
在 Layui 中设置下拉列表框默认选中选项有多种方法，以下是几种常用且可靠的方式： ### 方法一：使用 form.val() 赋值（推荐）✅ 这是 Layui 官方推荐的方式，通过表单赋值功能实现： ```javascript layui.use('...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值