search

Home  >  Q&A  >  body text

How to dynamically modify the placeholder of the input box through onchange in a PHP page?

The page has a selection box like this:


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


##There is also an input box like this:


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


I want to select through JS script The box triggers an onchange() function to dynamically modify the placeholder of the input box. However, I don’t know how to write the grammar. Please help me.


语者语者2176 days ago1019

reply all(6)I'll reply

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

    我又看了一会儿,站起来转身走了。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>    

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

    我又看了一会儿,站起来转身走了。2019-01-07 11:55:50

    ##PHP writes an interface to return the corresponding placeholder content. The front end uses ajax to call this interface and overwrite the previous placeholder with the returned content.


    reply
    0
  • 语者

    Thank you for your answer. But I don’t know PHP or JS at all. Can you help me write an example for reference?

    语者 · 2019-01-07 12:12:39
    我又看了一会儿,站起来转身走了。

    I simply wrote one without using PHP. This one should be more suitable for you.

    我又看了一会儿,站起来转身走了。 · 2019-01-07 14:24:49
    语者

    Thank you very much for your example, problem solved.

    语者 · 2019-01-07 16:41:28
  • Cancelreply