Question

我要修改按钮。

<label>Title</label> <input type="text" name="title" value="${boardVO.title}" readonly="readonly">


<button type="button" onClick="change('asdasd')"
class="btn btn-info">MODIFY</button>

脚本是

function change(target){
  if(target=='asdasd'){
    $("input[name='title']).removeAttr("readOnly");

如果我首先单击“修改”，请删除readOnly。并编辑文字再保存一次单击“修改”（第二次单击）文本。

我正在考虑更改类型。

如果更改按钮类型为“按钮”->“提交”，也许是这样？

如果我是正确的，那么我不知道如何更改脚本中的按钮类型

Answer 1

您将readonly拼写为readOnly-该属性均为小写
只需让按钮执行一些Ajax：

$(function() {
  $("#mod").on("click",function() {
    if (this.innerText=="MODIFY") {
      this.innerText="SAVE";
      $("[name=title]").removeAttr("readonly");
    }
    else {
      this.innerText="MODIFY";
      $("[name=title]").attr("readonly","readonly");
      var title = $.trim($("[name=title]").val());
      if (title) {
        $.post("someurl",{ "title": title },function(data) { console.log(data) });
      }  
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label>Title</label> <input type="text" name="title" value="${boardVO.title}" readonly="readonly">


<button type="button" id="mod" class="btn btn-info">MODIFY</button>

如何更改字段属性：只读并在更改按钮后保存

1 个答案: