Wie ändere ich den Platzhalter des Eingabefelds dynamisch durch Onchange auf einer PHP-Seite?
语者
语者 2019-01-07 11:17:49
0
6
1041

Die Seite hat ein Auswahlfeld wie dieses:


<?php echo html::select('module', $modules, '', "class='form-control selected' ")?>


Es gibt auch ein Eingabefeld wie dieses:


<?php echo html::input('title', '', "class='form-control'")?>


Ich möchte über ein JS-Skript eine onchange()-Funktion im Auswahlfeld auslösen, um den Platzhalter des Eingabefelds dynamisch zu ändern, weiß aber nicht, wie ich die Syntax schreiben soll.


语者
语者

Antworte allen(2)
我又看了一会儿,站起来转身走了。

<!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>    

我又看了一会儿,站起来转身走了。

##PHP写一个接口,返回对应的placeholder的内容,前端用ajax调用这个接口,把返回的内容覆盖之前的placeholder即可。


  • Antwort 谢谢你的解答。可是我完全不会PHP,也不会JS,你能帮忙写个例子作为参考吗?
    语者 Autor 2019-01-07 12:12:39
  • Antwort 简单写了一个,没用PHP,这个应该更适合你。
  • Antwort 非常感谢你的例子,问题解决。
    语者 Autor 2019-01-07 16:41:28
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage