熟悉js,了解fireBug的朋友请进，请教【混杂】页面中selectedIndex值用js修改不成功的问题。

作者：longfeiPHP | 来源：互联网 | 2023-05-18 12:51

熟悉js,了解fireBug的朋友请进，请教【混杂】页面中selectedIndex值用js修改不成功的问题。示例Demo:【HTML】源码：<!DOCTYPEHTML

熟悉js,了解fireBug的朋友请进，请教【混杂】页面中selectedIndex值用js修改不成功的问题。

示例Demo:
【HTML】源码：







	

	





	

		  Volvo

		  Saab

		  Mercedes

		  Audi	

	

	

	北京上海天津重庆河北山西河南辽宁吉林黑龙江内蒙古江苏山东安徽浙江福建湖北湖南广东广西江西四川海南贵州云南西藏陕西甘肃青海宁夏新疆台湾香港澳门钓鱼岛

document.getElementById("address_province").selectedIndex=4;

【混杂页面】：

京东触屏版
http://m.jd.com/address/addAddress.action?sid=ed845f0d0aded562d971d173f475cb91

9 个解决方案

#1

京东那个明显就不是select控件。。层模拟的，你设置属于select对象的selectedIndex当然没用

#2

你这毛线才是firebug，明明就是火狐自带的调试器

#3

引用 1 楼 showbo 的回复:

京东那个明显就不是select控件。。层模拟的，你设置属于select对象的selectedIndex当然没用

尽管它是层模拟的，最终还是生成了html源码哦，如我上面的Demo，
就是从京东的源码中复制部分出来的。

那要怎样才能修改它呢？请指点下，谢谢！

#4

引用 2 楼 crab890715 的回复:

你这毛线才是firebug，明明就是火狐自带的调试器

谢谢指正，fireBug启动太慢了，这个调试器也挺方面的，它比Chrome的一个好处是有个
复制唯一选择器的功能。

#5

引用 3 楼 u011321421 的回复:

Quote: 引用 1 楼 showbo 的回复:

京东那个明显就不是select控件。。层模拟的，你设置属于select对象的selectedIndex当然没用

尽管它是层模拟的，最终还是生成了html源码哦，如我上面的Demo，
就是从京东的源码中复制部分出来的。

那要怎样才能修改它呢？请指点下，谢谢！

你得自己研究京东的那个组件的js代码了。。

#6

引用 5 楼 showbo 的回复:

Quote: 引用 3 楼 u011321421 的回复:

Quote: 引用 1 楼 showbo 的回复:

京东那个明显就不是select控件。。层模拟的，你设置属于select对象的selectedIndex当然没用

尽管它是层模拟的，最终还是生成了html源码哦，如我上面的Demo，
就是从京东的源码中复制部分出来的。

那要怎样才能修改它呢？请指点下，谢谢！

你得自己研究京东的那个组件的js代码了。。

换个思路，这样可不可以呢？

毕竟它最终是生成了标准的html源码，也就有了标准的select标签，
我用jquery把那select的id也改掉，这样的话，原来的js就不起作用了，
那么，我就可以重新设定index的值了，这样就不用理会它的那组件了，同时，对于其它网站要实现类似的功能也这样处理。

不知道这样可不可以呢。

现在的计算机不方便时，有空试下。

#7

引用 6 楼 u011321421 的回复:

Quote: 引用 5 楼 showbo 的回复:

Quote: 引用 3 楼 u011321421 的回复:

Quote: 引用 1 楼 showbo 的回复:

京东那个明显就不是select控件。。层模拟的，你设置属于select对象的selectedIndex当然没用

尽管它是层模拟的，最终还是生成了html源码哦，如我上面的Demo，
就是从京东的源码中复制部分出来的。

那要怎样才能修改它呢？请指点下，谢谢！

你得自己研究京东的那个组件的js代码了。。

换个思路，这样可不可以呢？

毕竟它最终是生成了标准的html源码，也就有了标准的select标签，
我用jquery把那select的id也改掉，这样的话，原来的js就不起作用了，
那么，我就可以重新设定index的值了，这样就不用理会它的那组件了，同时，对于其它网站要实现类似的功能也这样处理。

不知道这样可不可以呢。

现在的计算机不方便时，有空试下。

你看下dom结构是不是select了，我也是瞎猜的，嘿嘿。。如果是select你的代码应该没问题

#8

引用 5 楼 showbo 的回复:

Quote: 引用 3 楼 u011321421 的回复:

Quote: 引用 1 楼 showbo 的回复:

京东那个明显就不是select控件。。层模拟的，你设置属于select对象的selectedIndex当然没用

尽管它是层模拟的，最终还是生成了html源码哦，如我上面的Demo，
就是从京东的源码中复制部分出来的。

那要怎样才能修改它呢？请指点下，谢谢！

你得自己研究京东的那个组件的js代码了。。

研究个屁啊，直接根据它生成HTML的规则然后自己去获取想要的值就可以了，它选中的那个数据必定有特殊的样式或者属性设置，然后去找到这个组件的值就可以了

#9

直接根据它生成HTML的规则然后自己去获取想要的值就可以了，它选中的那个数据必定有特殊的样式或者属性设置，然后去找到这个组件的值就可以了

谢谢提醒！

推荐阅读

js
网站访问全流程解析

本文详细介绍了从用户在浏览器中输入一个域名（如www.yy.com）到页面完全展示的整个过程，包括DNS解析、TCP连接、请求响应等多个步骤。 ... [详细]

蜡笔小新 2024-11-12 18:13:16
get
javascript分页类支持页码格式

前端时间因为项目需要，要对一个产品下所有的附属图片进行分页显示，没考虑ajax一张张请求，所以干脆一次性全部把图片out，然 ... [详细]

蜡笔小新 2024-11-12 14:58:57
import
使用Python和smtplib实现邮件发送功能

本文详细介绍了如何使用Python中的smtplib库来发送带有附件的邮件，并提供了完整的代码示例。作者：多测师_王sir，时间：2020年5月20日 17:24，微信：15367499889，公司：上海多测师信息有限公司。 ... [详细]

蜡笔小新 2024-11-12 12:21:27
js
利用 Node.js 和 Express（4.x 及以上版本）构建高效文件上传功能

本文介绍了如何使用 Node.js 和 Express（4.x 及以上版本）构建高效的文件上传功能。通过引入 `multer` 中间件，可以轻松实现文件上传。首先，需要通过 `npm install multer` 安装该中间件。接着，在 Express 应用中配置 `multer`，以处理多部分表单数据。本文详细讲解了 `multer` 的基本用法和高级配置，帮助开发者快速搭建稳定可靠的文件上传服务。 ... [详细]

蜡笔小新 2024-11-11 18:02:17
js
Web开发框架概览：Java与JavaScript技术及框架综述

Web开发涉及服务器端和客户端的协同工作。在服务器端，Java是一种优秀的编程语言，适用于构建各种功能模块，如通过Servlet实现特定服务。客户端则主要依赖HTML进行内容展示，同时借助JavaScript增强交互性和动态效果。此外，现代Web开发还广泛使用各种框架和库，如Spring Boot、React和Vue.js，以提高开发效率和应用性能。 ... [详细]

蜡笔小新 2024-11-09 11:59:38
js
利用爬虫技术抓取数据，结合Fiddler与Postman在Chrome中的应用优化提交流程

本文探讨了如何利用爬虫技术抓取目标网站的数据，并结合Fiddler和Postman工具在Chrome浏览器中的应用，优化数据提交流程。通过详细的抓包分析和模拟提交，有效提升了数据抓取的效率和准确性。此外，文章还介绍了如何使用这些工具进行调试和优化，为开发者提供了实用的操作指南。 ... [详细]

蜡笔小新 2024-11-09 09:05:16
js
【整理】JavaScript中DOM操作全面解析与实践指南

本文全面解析了JavaScript中的DOM操作，并提供了详细的实践指南。DOM节点（Node）通常代表一个标签、文本或HTML属性，每个节点都具有一个nodeType属性，用于标识其类型。文章深入探讨了DOM节点的创建、查询、修改和删除等操作，结合实际案例，帮助读者更好地理解和掌握DOM编程技术。 ... [详细]

蜡笔小新 2024-11-07 19:20:50
js
深入解析HTML5字符集属性：charset与defaultCharset

本文将详细介绍HTML5中新增的字符集属性charset和defaultCharset，帮助开发者更好地理解和应用这些属性，以确保网页在不同环境下的正确显示。 ... [详细]

蜡笔小新 2024-11-13 11:09:46
js
Pythonmysql数据库

importpymysql#一、直接连接mysql数据库'''coonpymysql.connect(host'192.168.*.*',u ... [详细]

蜡笔小新 2024-11-12 16:51:59
js
Vue 开发技巧：实现数据过滤与排序功能详解

Vue 开发技巧：实现数据过滤与排序功能详解 ... [详细]

蜡笔小新 2024-11-11 16:43:09
uri
DVWA学习笔记系列：深入理解CSRF攻击机制

DVWA学习笔记系列：深入理解CSRF攻击机制 ... [详细]

蜡笔小新 2024-11-11 13:19:51
uri
如何将TS文件转换为M3U8直播流：HLS与M3U8格式详解

在视频传输领域，MP4虽然常见，但在直播场景中直接使用MP4格式存在诸多问题。例如，MP4文件的头部信息（如ftyp、moov）较大，导致初始加载时间较长，影响用户体验。相比之下，HLS（HTTP Live Streaming）协议及其M3U8格式更具优势。HLS通过将视频切分成多个小片段，并生成一个M3U8播放列表文件，实现低延迟和高稳定性。本文详细介绍了如何将TS文件转换为M3U8直播流，包括技术原理和具体操作步骤，帮助读者更好地理解和应用这一技术。 ... [详细]

蜡笔小新 2024-11-11 12:12:04
import
Webdriver中元素定位的多种技术与策略

在Webdriver中，元素定位是自动化测试的关键环节。本文详细介绍了8种常用的元素定位技术与策略，包括ID、名称、标签名、类名、链接文本、部分链接文本、XPath和CSS选择器。每种方法都有其独特的优势和适用场景，通过合理选择和组合使用，可以显著提高测试脚本的稳定性和效率。此外，文章还探讨了在复杂页面结构中如何灵活运用这些定位技术，以应对各种挑战。 ... [详细]

蜡笔小新 2024-11-11 11:34:38
buffer
使用Maven JAR插件将单个或多个文件及其依赖项合并为一个可引用的JAR包

本文介绍了如何利用Maven中的maven-assembly-plugin插件将单个或多个Java文件及其依赖项打包成一个可引用的JAR文件。首先，需要创建一个新的Maven项目，并将待打包的Java文件复制到该项目中。通过配置maven-assembly-plugin，可以实现将所有文件及其依赖项合并为一个独立的JAR包，方便在其他项目中引用和使用。此外，该方法还支持自定义装配描述符，以满足不同场景下的需求。 ... [详细]

蜡笔小新 2024-11-09 01:59:29
import
网页数据抓取与解析入门指南

本指南介绍了 `requests` 库的基本使用方法，详细解释了其七个主要函数。其中，`requests.request()` 是构建请求的基础方法，支持其他高级功能的实现。此外，我们还重点介绍了如何使用 `requests.get()` 方法来获取 HTML 网页内容，这是进行网页数据抓取和解析的重要步骤。通过这些基础方法，读者可以轻松上手并掌握网页数据抓取的核心技巧。 ... [详细]

蜡笔小新 2024-11-08 17:56:30

longfeiPHP

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章