페이지에는 다음과 같은 선택 상자가 있습니다:
<?php echo html::select('module', $modules, '', "class='form-control selected' ")?>
다음과 같은 입력 상자도 있습니다:
<?php echo html::input('title', '', "class='form-control'")?>
JS 스크립트를 통해 선택 상자에서 onchange() 함수를 실행하여 입력 상자의 자리 표시자를 동적으로 수정하고 싶은데 구문을 작성하는 방법을 모르겠습니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
</head>
< body>
<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<label>请选择：</label> ;
<select name="source">
<option>chargeMoney1</option>
<option>chargeMoney2</option>
<option>chargeMoney3</option>
<option>chargeMoney 4</ option>
</select>
<br>
<label>请查看：</label><input type="text" name="target" value="" placeholder="">
<script type="text/javascript">
$('select[name=source]').on('change',function(){
// body...
var source = '';
source = $(this).val();
$('input[name=target]').attr('placeholder',source);
})
</script>
</ 본문>
</html>
##PHP에서 인터페이스를 작성하여 해당 자리 표시자 콘텐츠를 반환합니다. 프런트 엔드는 ajax를 사용하여 이 인터페이스를 호출하고 이전 자리 표시자를 반환된 콘텐츠로 덮어씁니다.