Select 下拉框js动态修改

已于 2022-05-07 19:54:55 修改
阅读量2.5k 收藏
点赞数 1
CC 4.0 BY-SA版权
文章标签： javascript jquery 开发语言
于 2022-05-07 15:53:01 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/davidjsx/article/details/124630833
在工单报修系统中，遇到需求要依据文本内容动态改变select选择框的值。通过JavaScript和jQuery尝试实现，虽然可以改变选中值，但发现页面上并未动态添加'selected'属性到相应option。最终通过原生JavaScript解决，确保在各浏览器中正常工作，并通过调整默认选项解决预选问题。

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

一款工单报修系统，需要页面js根据文本的内容动态修改select选择框，然后提交，jsp代码：

<select id='ispeed' style='width:100% height:45px' name='ispeed' value="${ispeed}" class="font-center cs-select cs-skin-border" >
最低0.47元/天 解锁文章
jsx0599
关注
Javascript动态修改select选项
qingfengxia2013的专栏
09-02 932
Javascript动态修改select选项 1、向Select里添加Option Js代码 //IE only,FF不支持Add方法  function fnAddItem(text,value) {      var selTarget = document.getElementById("selID");      selTarge...
下拉框多选 js动态实现
06-23
工作中碰到的需求，模仿原生下拉框的样式，可下拉多选，用div+js来模仿
javascript 改变select 的选项
weixin_34362790的博客
05-20 197
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>无标题 1</title> <script type="text/javascript" src="Scripts/jquery-1.4.1-vsdoc.js"></script> </head&...
js 动态下拉框
qq_38220837的博客
07-06 1916
在项目中使用输入值的下拉框，实现手动输入值，动态ajax请求后台 返回动态选择内容。
js动态下拉框
SignificantOther
02-11 270
getSupplierTypeForSpinner("supplierTypeID","",true,true); function getSupplierTypeForSpinner(ctrlID, selectVal, isViewAll,isAsync) { $.ajax({ url: basePath +"ba/supplier_type/getSupplierT...
js 动态改变select option选项
weixin_34146986的博客
11-12 6464
Js代码 （测试有效） //select.options[i].innerHTML //取显示文本 //select.options[i].value //取value值 varselect=document.getElementById("selectYear"); v...
js实现Select下拉框具有输入功能的方法
10-24
在web开发中，Select下拉框是一个非常常见的表单元素，用户可以通过它来选择一个或多个选项。然而，在一些应用场景中，用户可能希望直接输入数据而非从下拉列表中选择，这时就需要给Select下拉框增加输入功能。 ...
JS操作select下拉框动态变动(创建/删除/获取)
10-27
标题所指的知识点是关于使用JavaScript来动态地操作HTML中的select下拉框元素，包括创建和删除select元素本身，以及对select元素中的option选项进行添加、删除、获取和修改等操作。以下是各知识点的详细说明： 1. ...
JavaScript实现两个select下拉框选项左移右移
10-20
根据提供的文件内容，我们可以提炼出以下关于JavaScript实现两个select下拉框选项左移右移的知识点： 1. 通过JavaScript实现两个下拉框间选项的转移是常见的前端技术应用场景。它允许用户通过简单的操作来移动元素...
select下拉框添加搜索功能
01-26
这就是"select下拉框添加搜索功能"这个知识点的核心所在。 在`select`下拉框中实现搜索功能，一般有两种常见方法：一种是原生HTML和JavaScript的实现，另一种是借助第三方库，如本例中的`jquery.editable-select`。...
Js动态生成下拉框
csh的博客
01-20 7632
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 开发工具与关键技术：VS2015和 JavaScript 撰写时间：2019年1月20日 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~...
使用JavaScript实现下拉框的动态控制
09-14
本文介绍了如何利用JavaScript动态改变下拉框的属性
Js操作Select大全(取值、设置选中等等)
05-14
Js操作Select大全(取值、设置选中等等) Js操作Select大全(取值、设置选中等等)
JS动态下拉菜单代码
01-27
动态下拉菜单源代码，通过JS实现动态效果功能!完整版代码。
js 动态插入下拉框
cherryQQ
07-10 162
New Document function initializeSelect(){ var n; var l; var e = document.getElementById("company");//得到下拉列表框控件 var Q = document.getEle...
JS中处理select 的选择改变事件
热门推荐
O鹏M 的专栏
03-06 5万+
请选择opt1opt2opt3请选择opt1opt2opt3请选择opt1opt2opt3function tt(id) {  var aa = document.getElementById(id);  alert(aa.value);}
用javascript修改下拉框中的selected值
每天=生命的最后一天
04-30 2647
function  changeSelected(selValue){     var obj=document.getElementById("selectname");     for (var i=0;i            obj.options[i].selected=false;            if (obj.options[i].value==selValue){ 
JS对select操作
weixin_34327761的博客
01-30 719
  1.动态创建select       function createSelect(){ var mySelect = document.createElement("select");          mySelect.id = "mySelect";           document.body.appendChild(mySelect);      } 2.添加选项option...
js 动态生成下拉框选项
weixin_42216656的博客
10-13 804
/** * * @param options 选项的值与对应文本内容 例如: {'0': "废弃", '1': '进行中', '2': '结束'} * @param selected 默认选中的值 例如: "0" * @returns {null|string} 参数错误返回null,正常返回option标签 */ function buildSelectOptions(options, select
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值