js给不同的表单赋值
对于input
document.getElementById('input').value = 'status';
对于select
document.getElementById('select').value = 'taxis';
对于select multiple
//selectElement.options[i].selected = true;
//提交到后台,接收到的是数组$week
//需要遍历每一个option分别判断再赋值
<select multiple="" name="weekdays[]" id="selectid" class="form-control" required style="height: 168px;"> <?php foreach ($weekarr as $key => $val) { ?> <option value="<?php echo $key; ?>" ><?php echo $val; ?></option> <?php } ?> </select>
<script type="text/javascript"> var selectElement = document.getElementById('selectid'); var valuesToSelect = js_array;//数组 for (var i = 0; i < selectElement.options.length; i++) { var option = selectElement.options[i]; if (valuesToSelect.includes(option.value)) { option.selected = true; } else { option.selected = false; } } </script>
//document.getElementById(id).checked = true;
//checkbox,提交到后台,接收到的是数组$week。
//需要遍历每一个checkbox项目并判断是否符合条件再赋值
<style> label{width:10%; text-align:center; margin:0 1%} input[type=checkbox].label{display:none;} input[type=checkbox].label + span{display:inline-block;background-color:#eee;padding:5px 8px;border-radius:15px;width:100%;cursor:pointer;} input[type=checkbox].label:checked + span{background-color:#92e89d;} input[type=file]{font-size:smaller;} </style>
<label><input type="checkbox" name="week[]" id="week_0" class="label" value="0"><span>周日</span></label> <label><input type="checkbox" name="week[]" id="week_1" class="label" value="1"><span>周一</span></label> <label><input type="checkbox" name="week[]" id="week_2" class="label" value="2"><span>周二</span></label> <label><input type="checkbox" name="week[]" id="week_3" class="label" value="3"><span>周三</span></label> <label><input type="checkbox" name="week[]" id="week_4" class="label" value="4"><span>周四</span></label> <label><input type="checkbox" name="week[]" id="week_5" class="label" value="5"><span>周五</span></label> <label><input type="checkbox" name="week[]" id="week_6" class="label" value="6"><span>周六</span></label>
<script type="text/javascript"> var weekdays = [3,5]; var weekarr = [0,1,2,3,4,5,6]; for (var i = 0; i < weekarr.length; i++) { var id = 'week_' + i; var option = document.getElementById(id); option.checked = weekdays.includes(weekarr[i]) ? true : false; } </script>
发表评论