如何在jsp页面中动态更改标签框的文本?

时间:2012-11-17 05:49:16

标签: java javascript jsp java-ee javascript-events

在我的jsp页面中,我有一个按钮和一个标签。当页面加载时,标签框的文本是“测试”。请假,用户点击按钮然后我必须将标签的文本更改为“已测试”

我是Jsp.So的新手,请指导我摆脱这个问题...

2 个答案:

答案 0 :(得分:3)

首先需要为你的按钮设置一个监听器,比如说我们的标记如下:

<button id='btn'>test it</button>
<span id='label'>Test</span>

我们可以选择按钮元素,并设置它的onclick属性:

document.getElementById('btn').onclick = test

然后我们可以定义一个函数调用test,它将切换标签:

function test(){
 document.getElementById('label').innerHTML = 'Tested';
}

就是这样!

这是展示此代码的jsfiddle

答案 1 :(得分:1)

    <script type="text/javascript">
function fnc()
{
    document.getElementById("atext").innerHTML="tested";
}
</script>

<label id="atext">test</label>
<input type="button" onClick="fnc()" value="click me">