页面有一个这样的选择框:
<?php echo html::select('module', $modules, '', "class='form-control chosen' ")?>
还有一个这样的输入框:
<?php echo html::input('title', '', "class='form-control'")?>
我想通过JS脚本在选择框触发一个onchange()函数,实现动态修改输入框的palceholder,可是不会写语法,求助各位大神。
我又看了一会儿,站起来转身走了。2019-01-07 14:23:44
<!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>chargeMoney4</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>
</body>
</html>
我又看了一会儿,站起来转身走了。2019-01-07 11:55:50
##PHP写一个接口,返回对应的placeholder的内容,前端用ajax调用这个接口,把返回的内容覆盖之前的placeholder即可。