我有一个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>