编辑文本框并使用HTML / Javascript提交

时间:2012-11-27 19:33:23

标签: javascript jquery html html5 javascript-events

我的HTML文件中有一个文本框。它基本上是一个评论框。我希望它能正常工作,使其处于禁用状态。但是当有人点击“编辑”按钮时,它应该允许他们修改文本框中的值。单击EDIT按钮,我要显示一个新的SUBMIT按钮或将EDIT按钮更改为SUBMIT按钮本身。

有人可以给我一些示例代码。我知道代码很简单,但我对javascript非常糟糕。

1 个答案:

答案 0 :(得分:3)

<textarea id='disText' disabled="disabled"></textarea>
<button id='disAble'>Edit</button>

JS:

$('button#disAble').on('click', function(){
    $('textarea#disText').prop('disabled', false);
    $(this).text('submit');
    //submit stuff
});

演示:http://jsfiddle.net/maniator/DKtxn/