JS更改select内option属性的方法_javascript技巧
本文实例讲述了JS更改select内option属性的方法。分享给大家供大家参考。具体如下：
帮一位友人解决了一个小问题，需求是更改选中选项卡内显示的文本值，新值存放在某个文本框内
初始窗口：
<html>
<head>
<title>原窗口</title>
<script>
var parentValue=""; //全局变量，用于保存点击详情时select中指定opeion的值
function detail() {
var select=document.getElementById('SHGX'); //获得select对象
parentValue=select.options[select.selectedIndex].text;
window.open('详情窗口.html')
}
function updateSelect(childValue) {
var select=document.getElementById('SHGX');
for(var i=0;i<select.length;i++) {
if(select.options[i].text==parentValue)
select.options[i].text=childValue;
}
}
</script>
</head>
<body>
<select id='SHGX'>
<option value='111' title='夫'>夫</option>
<option value='112' title='妻'>妻</option>
<option value='120' title='子'>子</option>
<option value='121' title='独生子'>独生子</option>
<option value='122' title='继子'>继子</option>
<option value='128' title='女婿'>女婿</option>
</select>
<button onclick="detail(); ">详情</button>
</body>
</html>详情窗口：
<html>
<head>
<title>详情窗口</title>
<script>
function modify() {
var childValue=document.getElementById('text_01').value;
opener.updateSelect(childValue); //调用父窗口的函数
}
</script>
</head>
<body>
<input id="text_01" type="text" value=""/>
<button onclick="modify();">修改</button>
</body>
</html>希望本文所述对大家的JavaScript程序设计有所帮助。
热AI工具
Undresser.AI Undress
人工智能驱动的应用程序，用于创建逼真的裸体照片
AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
AI Hentai Generator
免费生成ai无尽的。
热门文章
热工具
记事本++7.3.1
好用且免费的代码编辑器
SublimeText3汉化版
中文版，非常好用
禅工作室 13.0.1
功能强大的PHP集成开发环境
Dreamweaver CS6
视觉化网页开发工具
SublimeText3 Mac版
神级代码编辑软件(SublimeText3)
热门话题
怎么更改wallpaper engine的储存位置？wallpaper engine设置保存路径方法
Mar 13, 2024 pm 12:40 PM
很多用户都喜欢在wallpaperengine上下载各种的壁纸、视频，时间久了，就会发现下载的壁纸越来越多，导致硬盘空间不够用了，这时候可以更改wallpaperengine的储存位置来减少空间占用。那么下面就来看看wallpaperengine更改保存路径的方法吧。 第一步：点击左上角steam下的设置打开如下界面。 第二步：点击下载找到内容库下面的“Steam库文件夹”，在上面单击打开。 第三步：点击添加库文件夹，选择你想要的更改到的路径，添加好之后在默认那一栏右键，
如何修改win7桌面图标的字体颜色
Jan 02, 2024 pm 11:17 PM
win7默认的桌面图标字体一般是白色的，我们如果使用了白色的桌面背景的话，可能会看不见桌面图标文字，这时候就可以在个性化设置中通过高级外观设置自定义桌面字体颜色，下面就一起来看一下吧。win7桌面图标字体颜色更改教程1、右键桌面空白处，打开“个性化”设置。2、在主题下我们可以直接选择想要的主题就可以更改桌面图标字体颜色了。3、如果不满意这些主题，还可以打开“窗口颜色”如图所示。4、点击下方的“高级外观设置”5、将图示位置的“项目”更改为“桌面”6、然后在红框位置就可以更改字体颜色、大小等各种属性
股票分析必备工具：学习PHP和JS绘制蜡烛图的步骤
Dec 17, 2023 pm 06:55 PM
股票分析必备工具：学习PHP和JS绘制蜡烛图的步骤，需要具体代码示例随着互联网和科技的快速发展，股票交易已经成为许多投资者的重要途径之一。而股票分析是投资者决策的重要一环，其中蜡烛图被广泛应用于技术分析中。学习如何使用PHP和JS绘制蜡烛图将为投资者提供更多直观的信息，帮助他们更好地做出决策。蜡烛图是一种以蜡烛形状来展示股票价格的技术图表。它展示了股票价格的
推荐：优秀JS开源人脸检测识别项目
Apr 03, 2024 am 11:55 AM
人脸检测识别技术已经是一个比较成熟且应用广泛的技术。而目前最为广泛的互联网应用语言非JS莫属，在Web前端实现人脸检测识别相比后端的人脸识别有优势也有弱势。优势包括减少网络交互、实时识别，大大缩短了用户等待时间，提高了用户体验；弱势是：受到模型大小限制，其中准确率也有限。如何在web端使用js实现人脸检测呢？为了实现Web端人脸识别，需要熟悉相关的编程语言和技术，如JavaScript、HTML、CSS、WebRTC等。同时还需要掌握相关的计算机视觉和人工智能技术。值得注意的是，由于Web端的计
xbox商店更改地区设置方法
Dec 24, 2023 pm 08:53 PM
当要买的游戏出现没有的情况，可以通过更改地区来购买，各位玩家知道xbox商店更改地区设置吗？那么我们一起看看xbox商店更改地区设置的介绍吧！xbox商店地区设置：1、打开windows设置——选择时间和语言。2、选择区域——默认应是中国——选择其他国家和地区。3、选择其他国家和地区——进入商店——商店提示你刷新内容即可。
用Eclipse更改背景颜色的逐步指南
Jan 28, 2024 am 08:28 AM
一步步教你在Eclipse中更改背景颜色，需要具体代码示例Eclipse是一款非常流行的集成开发环境（IDE），经常被用来编写和调试Java项目。在默认情况下，Eclipse的背景颜色是白色，但是有些用户可能希望更改背景颜色以适应自己的喜好或减轻眼部疲劳。本文将一步步教你如何在Eclipse中更改背景颜色，并提供具体的代码示例。步骤1：打开Eclipse首先
如何使用PHP和JS创建股票蜡烛图
Dec 17, 2023 am 08:08 AM
如何使用PHP和JS创建股票蜡烛图股票蜡烛图是股票市场中常见的一种技术分析图形，通过绘制股票的开盘价、收盘价、最高价和最低价等数据，帮助投资者更直观地了解股票的价格波动情况。本文将教你如何使用PHP和JS创建股票蜡烛图，并附上具体的代码示例。一、准备工作在开始之前，我们需要准备以下环境：1.一台运行PHP的服务器2.一个支持HTML5和Canvas的浏览器3
教你如何修改win7的启动顺序
Jan 04, 2024 pm 09:06 PM
合理的设置win7开机启动顺序可以让我们的电脑开机速度更快，但是很多朋友都不知道应该如何更改启动顺序，其实我们可以在注册表编辑器中进行更改，下面就跟着小编一起来看一下具体的方法吧。win7启动顺序更改教程1、在左下角搜索“运行”。2、打开“运行”程序。3、输入“regedit”回车确定。4、找到如下路径“HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\ServiceGroupOrder”右键修改图示“list”文件。5、图示位置从上到下就是
