궁금해요

박재현

제이쿼리문좀 알려주세요

작성자 : 박재현 작성일 : 2016.10.27 15:53:12 댓글수 : 2 조회수 : 2,916

현재 내용(내용9가 적혀있는 중앙부분)을 텍스트 필드 readonly로 해놨는대 밑의 수정버튼을 누르면 저부분의 readonly가 풀려서 수정할수있도록 하고싶습니다

밑의 부분으로 좀구현하고싶은데 알려주세요  혹은 보다더 쉬운방법이있다면 알려주세요!

 $('#update').click(function(){ //update는 수정버튼 content:내용9가적혀있는 텍스트필드명
  $('#content').????????
 
 });

===================================================

<%@page import="java.util.List"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
  <script type="text/javascript" src="../js/jquery-1.min.js"></script>
<script type="text/javascript">


 $('#update').click(function(){//getText   var v= div.innerText;
  $('#content').????????
 
 });
 

 
     function check(id){
           location.href='notice.do?action=delete&id='+id;
  }
  </script>
</head>
<body>
<center>
<font color="blue" size="22">공지</font><br><br>
<form action="list.do?control=notice&action=selectPage&page=<%=request.getParameter("page")%>" method="post">
 <table border="2" cellpadding="1" width="500" align="center">
  <tr>
   <td width="10%" align="center">작성자</td>
   <td colspan="2" width="50%">글쓴이</td>
  </tr>
  <tr>
   <td width="10%" align="center">제목</td>
   <td colspan="2" width="50%">${dto.title}</td>
  </tr>
  <tr>
   <td width="10%" align="center">날짜</td>
   <td colspan="2" width="50%">${dto.gdate}</td>
  </tr>
  <tr height="350px">
   <td colspan="3" align="center" ><textarea  readonly="readonly"  id="content">${dto.contents}</textarea></td>
  </tr>
  <tr>
   <td colspan="3" align="right">
   <input type="button" value="수정" id="update"/>
   <input type="button" value="삭제" onclick="check('delete',  <%=request.getParameter("id") %>)"/>
   <input type="submit" value="목록"/></td>
  </tr> 
 </table>
</form>
</center>
</body>
</html>

첨부파일

  • $('#update').click(function(){
        $('#content').attr('readonly', false);
    });

     

  • <script type="text/javascript" src="../js/jquery-1.min.js"></script>

    연결 주소 문제일 수도 있을 것 같네요.

    <script src="//code.jquery.com/jquery.min.js"></script>

    로 되어있다면,

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

    로 해보세요.

     

  • 댓글을 입력 하시려면 로그인 해주세요.