jsp里三角形下拉框源代码,jsp下拉框代码怎么写

发布时间:2023-12-08

jsp里三角形下拉框源代码,jsp下拉框代码怎么写

更新:2022-11-24 18:47

本文目录一览:

  1. jsp里三角形下拉框源代码 求教!
  2. jsp中关于给下拉框定位的代码
  3. jsp下拉框怎么写

jsp里三角形下拉框源代码 求教!

html
head
style
.div1{
width:600px;
height:200px;
font-size:13px;
}
.div select{
width:200px;
}
.div select option{
width:150px;
height:30px;
}
/style
/head
body
div class='div1'
select
option value="volvo"Volvo/option
option value="saab"Saab/option
option value="opel"Opel/option
option value="audi"Audi/option
/select
/div
/body
/html

jsp中关于给下拉框定位的代码

如果是普通标签的话,可以用js来实现。

document.getElementById("a").value="后台传来的值"

如果是struts的话也可以用 <s:select name="a" /> 标签。

jsp下拉框怎么写

jsp下拉框主要使用 selectoption 标签进行创建,如下代码:

html
body
span style="absolute;margin-top:-12px;"
    table cellspacing="0" cellpadding="0" width="100%" border="0"
        tr
            td align="left"><!-- 创建一个下拉框 -->
                span style="position:absolute;border:1pt solid #c1c1c1;overflow:hidden;width:188px;height:19px;clip:rect(-1px 190px 190px 170px);"
                    select name="aabb" id="aabb" style="width:190px;height:20px;margin:-2px;" onChange="changeF();"
                        option value="" style="color:#c2c2c2;">---请选择---</option>
                        option value="闲人书库">闲人书库</option>
                        option value="闲人BLOG">闲人BLOG</option>
                        option value="a href="" target="_blank">闲人设计/a">a href="" target="_blank">闲人设计/a</option>
                        option value="闲人软件">闲人软件</option>
                    /select
                /span
                span style="position:absolute;border-top:1pt solid #c1c1c1;border-left:1pt solid #c1c1c1;border-bottom:1pt solid #c1c1c1;width:170px;height:19px;"
                    input type="text" name="ccdd" id="ccdd" value="可选择也可输入的下拉框" style="width:170px;height:15px;border:0pt;"
                /span
            /td
        /tr
    /table
/span
/script
/html
function changeF() {
    // 从下面的赋值可以的值,你在action 中只要得到name =“ccdd” 的值就可以了。
    document.getElementById('ccdd').value = document.getElementById('aabb').options[document.getElementById('aabb').selectedIndex].value;
}