選擇Box PHP Array => Javascript On Click Div

Question

我有一個PHP數組填充我頁面上的選擇框，並希望在點擊div時將此選擇的值更改為所述divs 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>

任何幫助，將不勝感激。

Answer 1

首先，在冒號之間增加值，例如更改

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">

然后再次測試您的代碼，讓我們知道它是否有效。

Answer 2

對於那些感興趣的人，我就是這樣解決問題的。 由於選擇框接受PHP數組，我想如果我將div的ID設置為索引值，那么我將能夠將該值傳遞給使用javascript的Select。

例如，這里有幾個數組條目，它們的索引和值：

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

Divs相關：

<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>