[TIL 2021.09.08] 자바스크립트

5226 단어 jsjs

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에_입력한_내용

좋은 웹페이지 즐겨찾기