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>
相关文章:
- iframe and JavaScript on different pages
- JavaScript on点击更新Div
- How to apply javascript on <asp:Buttonfield>?
- JavaScript on Click 事件在 img 标签上无法正常工作
- Javascript on click事件在函数中不起作用,但在document.ready()中起作用
- JavaScript on JSP with Spring form:select
- Combobox with javascript on ruby on rails
- JavaScript on local scopeing(非常菜鸟)
- Javascript on更改百分比后的总和输入
- JavaScript on input event
- JavaScript on keyup function
- Javascript on backtrack
- Salesforce Javascript on单击未显示
- 使用 JavaScript on Rails 4.0 更改图像
- 使用 javascript on单击以设置当前所选样式单选按钮
- javascript on("load") in sencha touch 2
- JavaScript on change 函数工作得不好
- Javascript on Pocket PC Internet Explorer
- 获取javascript on keyup事件中文本字段的光标轴
- Javascript on ASP TextBox