使用颜色选择器更改所选动态文本框的文本颜色

Question

There are at most 15 text boxes in my page which is created on the click of a button. What I want is to change the text color of only the text-box which is "SELECTED"; the color of all the other text boxes should not change.

Currently, I have a text color changer slider which changes the color of all the text boxes.

Click here to download the source code.

Answer 1

Please try this:
Include jscolor.js in your index file. You can see more demo and download also from this link http://jscolor.com/try.php

   <div>
         <?php
        or($i=0;$i<15;$i++){?>
            <div id="txt_add<?php echo $i; ?>" onclick="get_current_text(<?php echo $i; ?>);">
                            <div id="f<?php echo $i+1; ?>" class="bring_front"><span style="cursor:move"><input type="text" **class="box color"** placeholder="Sample text <?php echo $i+1; ?>" style="border:none; background:none; width:87px; margin-left:6px;" maxlength="10" onchange="set_color(<?php echo $i; ?>);"/></span></div>
               </div>
               <?php }?>                        
</div>

and put this code in javascript:    
 function set_color(txtid)
{
    $("#txt_add"+txtid+" input").css('color','#'+this.color);
    //document.getElementsByTagName('BODY')[0].style.backgroundColor = '#'+this.color
}
function get_current_text(id)
{
    $("#prod div input").css("background-color","white");
    $("#txt_add"+id+" input").css('background-color',"green");  $("#txt_add"+id+" input").css('color',"red");
}

Edit: 1)Change input class from box to box color 2) put this in input onchange="set_color();" 3) Put set_color function in your script