JS更改select内option属性的方法
本文实例讲述了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程序设计有所帮助。
-
有人能告诉我当用户选择不同的选项时如何用JS改变图像吗？例如，对于紫色，图像源是“images/purple.jpg”
-
本文向大家介绍js动态改变select选择变更option的index值示例，包括了js动态改变select选择变更option的index值示例的使用技巧和注意事项，需要的朋友参考一下 Javascript 操作select是表单中常见的一种，今天删除多个select值的时候出现了问题，搞了半天原来是索引引起的（即删除的时候要从索引大的开始删，然后再 删除索引小的，否则删除了索引小的后索引大的索
-
本文向大家介绍jQuery增加、删除及修改select option的方法，包括了jQuery增加、删除及修改select option的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery增加、删除及修改select option的方法。分享给大家供大家参考，具体如下： jQuery获取Select选择的Text和Value: 1. 2. 3. 4. jQuery添加/删除S
-
本文向大家介绍JS函数修改html的元素内容,及修改属性内容的方法，包括了JS函数修改html的元素内容,及修改属性内容的方法的使用技巧和注意事项，需要的朋友参考一下 修改元素内容： 修改元素标签属性： 以上就是小编为大家带来的JS函数修改html的元素内容,及修改属性内容的方法全部内容了，希望大家多多支持呐喊教程~
-
本文向大家介绍js添加select下默认的option的value和text的方法，包括了js添加select下默认的option的value和text的方法的使用技巧和注意事项，需要的朋友参考一下 <pre name="code" class="java"> jsp 中的下拉框标签： <s:select name="sjx" id="sjx" list="sjxList" listKey="BM
-
“属性”选项在命令行上由其名称及其对应的属性表示，类似于java属性文件的语法。 考虑以下示例，如果我们传递-DrollNo = 1 -Dclass = VI -Dname = Mahesh等选项，我们应该将每个值作为属性进行处理。 让我们看看实施逻辑的实际应用。 例子 (Example) CLITester.java import java.util.Properties; import org