Question

我正在尝试传递来自某些选定div的所有值，其中div的id是我想要获取的值并聚合到文本框中，但我没有得到任何结果。基本上我想要id中的div，例如div id="thisOne"，当我点击时。我的脚本看起来像这样：

<script>
function myFunction(elmnt, clr) {
    elmnt.style.backgroundColor = clr;
    document.getElementById("allValues").value = document.getElementById(elmnt.value).value;
}
</script>

查看：

<form method="POST" action="<?=base_url()?>index.php/dashboard/test_val">
                <div id="frame">
                    <table>
                        <tbody>
                        <?php 
                        for($i = 0, $size = count($farm)-1; $i < $size; $i++) {
                            if($i == 0) 
                                echo '<tr>';

                            if($flag == 1){
                                echo '</tr>';
                                echo '<tr>';
                                $flag = 0;
                            }
                            if($farm[$i]['id_field'] == $farm[$i+1]['id_field']) {
                                echo '<td>';?>
                                <div id="<?php echo $farm[$i]['section_name'] ?>" onclick="myFunction(this, 'red')" style="width:60px; height:60px; border:1px solid #aaaaaa;background:#CCFF99">
                                <center><?php echo $farm[$i]['section_name'] ?></center></div>
                                <?php echo '</td>';
                            }else
                                $flag = 1;

                            if($i == $size - 1)
                                echo '</tr>';
                        }?>
                        </tbody>
                    </table>
                </div>
                <hr>
                <div>
                    <label>Select fertilizer to aplly:</label>
                    <select name="ChoosenFert">
                        <?php foreach ($fertilization as $row) : ?>
                            <option value="<?php echo $row['id'] ?>"> <?php echo $row['type'] ?> </option>                      
                        <?php endforeach;?>
                    </select>
                    <br /> 
                    <button>Apply Fertilizer</button>
                    <input type="text" id="allValues" name="allValues" hidden>
                </div>
            </form>

控制器：

public function test_val(){
        $inputData = $this->input->post("allValues");
        echo $inputData;
    }

Answer 1

尝试：

document.getElementById("allValues").value += elmnt.id;

在你的功能＆＃34; myFunction＆＃34;。

聚合选定div的值

1 个答案: