web知识笔记:select 传值与赋值

最新推荐文章于 2024-11-22 13:20:36 发布

原创最新推荐文章于 2024-11-22 13:20:36 发布 · 1k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

web 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了Web开发中关于<select>元素的使用技巧，包括如何为<s:select>控件赋值，通过遍历option并设置selectedIndex，以及使用JavaScript面向对象的方法进行值的设置，如document.getElementById().value的运用。同时提到了<s:textfield>属性name和id在Java端同步和异步获取值的作用。

1. 为<s:select> 控件赋值方法：循环option，判断option.text 是否和目标值相等，设定obj.selectedIndex = i;

 var obj = document.getElementById(id);
        for ( var i = 0; i < obj.options.length; i++) {
            if (obj.options[i].text ==key) {
                obj.selectedIndex = i;
                break;
            }
        }

2.根据<s:select>选值给textare传值：用onchange 调用js函数实现。

function onChange(keyId, valueId, obj) {
        var userValue = "";
        var userCdValue = "";
        if (obj.options.length > 0) {
            userCdValue = obj.options[obj.selectedIndex].text;
            userValue = obj.options[obj.selectedIndex].value;
        }
        document.getElementById(keyId).setAttribute('value', userCdValue);
        document.getElementById(valueId).setAttribute('value', userValue);
    }

3.用面向对象思想编写：

document.getElementById("fuTsmInputDto.counsellingUserCd").value = hanyoSeq;
document.getElementById("fuTsmInputDto.counsellingUser").value = hanyoValue1;

4. s:textfield 属性 name,用于java端同步获取，id用于java端异步获取。