PHP多个后续HTML选择字段
PHP multiple follow-up HTML select fields
我想创建一个具有多个后续选择字段的表单。这是一个包含3个字段的数组:ID, Name, followingID。FollowingID匹配一个ID,这样我们就可以找出层。
小规模示例:0 = ID, 1 = Name, 2 = followingID
Array
(
[0] => Array
(
[0] => 1
[1] => Auto’s, werktuigkundigen, technici, ingenieurs
[2] => 0
)
[1] => Array
(
[0] => 2
[1] => Bewaking, leger, politie
[2] => 1
)
[2] => Array
(
[0] => 3
[1] => Bouw, montage
[2] => 1
)
[3] => Array
(
[0] => 4
[1] => Commercieel, winkel, inkoop en verkoop
[2] => 2
)
[4] => Array
(
[0] => 5
[1] => Financiën, bank, verzekering
[2] => 2
)
[5] => Array
(
[0] => 6
[1] => Gezondheidszorg, paramedici, laboratorium
[2] => 3
)
[6] => Array
(
[0] => 7
[1] => Gezondheidszorg, paramedici, laboratorium
[2] => 4
)
在本例中level 1 -> followingID = 0
Level 2 -> followingID = 1
我不能想出一种方法来做到这一点,而不把一切手动在jquery脚本
我明白了。虽然不漂亮,但很有效。有人知道更好的解决方案吗?
<script>
$(document).ready(function() {
var followingID = 0;
$(".jobs").hide();
$("#0").show();
$(".jobs").change(function() {
var id = $(this).attr("id");
var ref = $(this).attr("value");
$(".jobs").hide();
$(".jobs").removeAttr("name");
$("#0").show();
$("#" + id).show();
$("#" + this.value).show();
$('option[ref="' + id + '"]').parent().show();
if ($("#" + this.value).length == 0) {
$("#" + id).attr("name", "sdata[]");
}
});
});
</script>
<?
function renderAllJobs() {
$jobs = getJobs();
$followingID = -1;
$html = '';
foreach ($jobs as $job) {
if ($followingID != $job[2]) {
if ($followingID > -1) {
$html .= '</select></p>';
}
$followingID = $job[2];
$html .= '<p><select class="jobs" ref="' . $job[2] . '" id="' . $followingID . '">
<option value="0">Maak een keuze</option>';
}
$html .= '<option ref="' . $job[0] . '" value="' . $job[0] . '">' . $job[1] . '</option>';
}
$html .= '</select></p>';
return $html;
}
echo renderAllJobs();
相关文章:
- 从动态创建的html选择中选择所选选项
- 向html选择元素添加选项
- HTML选择,在DOM中选择了正确的选项,但在firefox中显示了错误的项目
- 构建HTML选择字段并使用JavaScript数组选择选项
- 当html选择/选项发生更改时,需要更新输入字段
- 使用javascript和html选择第二个选项后发出警报
- javascript函数将当前时间显示为html选择标记的预选值
- laravel5.0中HTML选择标记的动态选择
- jQuery将输入集中在下一个tr->td时,td包含一个输入字段,但从不关注html选择
- 基于's是在HTML选择框中选择的
- 如何使用Angular 2设置HTML选择值
- 在html选择中显示AJAX成功JSON值
- 使用 jQuery 增加 HTML 选择框的大小属性
- 当我认为它不应该重新渲染视图时,如何防止 Meteor 在 html 选择 dom 单击事件上重新渲染视图
- HTML 选择元素的只读等效项
- 如何使 html 选择选项在 Meteor 中工作
- 当“不相关”的 html 选择元素没有选择任何选项时,如何退出 jQuery 事件
- HTML选择:将默认值设置为给定值,而不是从选项列表中选择
- html选择-范围为0-10
- 是否可以在HTML选择下拉菜单的每个选项上附加一个qtip2工具提示