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

change text color of selected dynamic textbox using color picker

本文关键字：颜色 文本 动态 选取      更新时间：2023-09-26

我的页面中最多有 15 个文本框，只需单击一个按钮即可创建。我想要的是仅更改"已选择"文本框的文本颜色;所有其他文本框的颜色不应更改。

目前，我有一个文本颜色转换器滑块，可以更改所有文本框的颜色。

单击此处下载源代码。

请尝试以下操作：
在索引文件中包括 jscolor.js。您也可以从此链接查看更多演示和下载 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");
}

编辑：1）将输入类从框更改为框颜色 2） 把它放在输入 onchange="set_color（）;" 3）在脚本中放入set_color函数

相关文章：