[TIL 2021.09.08] 자바스크립트
foreach 안에 여러 textarea나 input을 넣을때 외부에서 넘어온 각각의 값들에 대응하는 개별적인 값을 주고 싶을 때
<head>
</head>
<body>
<?php
$arr1 = (
$index => 1
);
$arr2 = (
$index => 2
);
$array = array();
array_push($array, $arr1, $arr2);
foreach($array as $row) {
?>
<textarea id="textarea_<?php $row['index']; ?>"></textarea>
<button id="버튼" value="<?php $row['index']; ?>">확인</button>
<?php
}
?>
</body>
$document.ready {
$('#버튼').click(function () {
var value_button = $(this).attr('value');
var textarea_id = '#textarea_' + value_button;
var index = 'index=' + value_button;
var content = 'content=' + $(textarea_id).val();
var result = index + '<br>' + content;
console.log(result);
});
}
예상 화면: textarea 와 button 각각 2개 있음
예상 결과: 두개의 버튼을 각각눌렀을 때
index=1
content=입력한_내용
index=2
content=인덱스1에서_입력한_내용과_다른_2번째_textarea에_입력한_내용
Author And Source
이 문제에 관하여([TIL 2021.09.08] 자바스크립트), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@kyukim/20210908저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)