Select Box PHP Array => Javascript On Click Div


Select Box PHP Array => Javascript On Click Div

我有一个PHP数组,填充我的页面上的一个选择框,并想改变这个选择的值在点击一个div说div ID。

我是相对较新的这和想知道如果这是可能的通过Javascript?下面是我到目前为止所做的,正确的页面被调用,但工作中心输入框保持不变,默认为[0]。

    <SELECT class="workcenter" class="form-control" 
    style="display: none" onchange="this.form.submit()">

<?php for($i = 0; $i < sizeof($Workcenters);$i++){
                            if ($i == $WorkcenterSelected ) $selected = 'selected'; 
                            else $selected = '';
                            echo "<option value = {$i} {$selected}>{$Workcenters[$i]} </option>";
         }
                        ?>
<div class= 'workcentres' id='RWMS' value="RWMS" 
<a href='#' title= "Status: <?php echo $StatusRWMS ?>";>RWMS</a></p></div>
<script>
$(function() {
$("#RWMS").click(function() { //On Click of table row
    var b = $("#RWMS").val();
    $("#workcenter").val(b);
    $("#form").attr('action', '?action=HS'); //Hourly Summary Tab
    //Post value of shift to Hourly Summary Tab
    $("#form").submit(); //Submit Form
});
});
</script>

任何帮助都会很感激。

首先,在冒号之间添加值例如change

echo "<option value = {$i} {$selected}>{$Workcenters[$i]} </option>"

echo "<option value = '{$i}' {$selected}>{$Workcenters[$i]} </option>"

其次,改变<div class= 'workcentres' id='RWMS' value="RWMS"

<div class= 'workcentres' id='RWMS' value="RWMS">

然后再测试你的代码,让我们知道它是否工作。

对于那些感兴趣的人来说,这就是我如何解决这个问题的。由于选择框接受PHP数组,我想如果我将div的ID设置为索引值,那么我就可以将该值传递给使用javascript的选择。

作为示例,下面是数组的两个条目,它们的索引和值:

Workcenters[0] = 'BLOT'
Workcenters[3] = 'CUT3'

相关div:

<div class='workcentres' name="BLOT"id= 0>
<a href='#' title= 'Status: <?php echo $StatusBlot ?>'>BLOT</a></div>
<div class='workcentres' name="CUT3"id= 3>
<a href='#' title= 'Status: <?php echo $StatusCut3 ?>'>CUT3</a></div>

最后的Javascript:

<script>
    $(function() {
        $(".workcentres").click(function() { //On Click of table row
        var b = $(this).attr('id');
        $("#workcenter").val(b);
        $("#form").attr('action', '?action=HS');
        $("#form").submit(); //Submit Form
        });
    });
</script>