[jquery] 태그에 사용자 지정 값 넣기

! 목적 : 글수정 화면 로딩 시 기존에 작성된 내용을 글쓰기 화면의 태그들에 셋팅한다. 

 

- 참고 : HTML

<form>
    <label> 카테고리 : </label>
    <select id="category" name="category" class="selectField">
        <option value="apple" selected>사과</option>
        <option value="banana">바나나</option>
        <option value="peach">복숭아</option>
    </select>
    <label> 제목 : </label> 
    <input type="text" name="title" size ="20" value=""><br/>
    <label> 본문 : </label> 
    <div id="content" name="content"></div>
</form>

 

[ input ]

- Input 태그의 value에 사용자 값 넣기

$('input[name=title]').attr('value',"사용자가 지정하는 제목");

input의 속성에 빈 value를 추가하여 값을 담을 수 있도록 설정하고,

.attr()를 이용하여 값을 추가한다.

.attr은 속성(attribute)의 값을 가져오거나 속성을 추가하는 메서드이다.

 

 

[ select box ]

- select boc 태그에 사용자가 지정하는 값 selected 하기

$("#category").val(선택하고싶은 옵션의 값 이름).prop("selected", true);
$("#category").val("peach").prop("selected", true);

.val은 form의 값을 가져오거나 값을 설정하는 메소드이다.

.val('사용자지정값')을 이용하여 요소의 값을 peach로 지정하였다.

 

 

[ Ckeditor5 ]

- 작성중인 에디터 안 또는 맨 아래에 사용자 지정값 넣기

// 에디터에 추가
editorObj.setData("에디터에 넣고싶은 글");