html选择框-加载图像作为默认选择的选项

Question

今天我面对有关html select的问题

这是代码：

<select id="optdon" onchange="showimage(this);" name="optdon" style="width:<?php echo $drop_width; ?>px;">
                <option value="">--Select don--</option>
                <?php foreach($for_don as $donname) { if(isset($donname['don_name']) && $donname['status'] == 1) {  ?>
                    <option value="<?php echo $donname['don_id']; ?>"><?php echo $donname['don_name']?></option>
                <?php } } ?>
            </select>
            <br /><br />
            <div align="center">
                <?php $i = 0; foreach($for_don as $donimage) { if(isset($donimage['don_image'])) {  ?>
                    <div class="<?php echo $i; ?>" style="display:none;" id="<?php echo $donimage['don_id']; ?>"><img src="<?php echo $donimage['don_image']?>" /></div>
                <?php  $i =  $i + 1;} }?>

function showimage(ids){
    clearall();
    if(ids.value != ''){
        jQuery('#'+ids.value).show();
    }
}

这是什么项目？ 我需要选择第一个选项！

这很容易，但是当我设置选择的第一个选项时，它的图像不会在页面首次加载中加载 。 选项的图像显示在更改的选项上。

对于选择第一个选项，我有两个答案（当三个只是一个选项时）

建议1

<?php $x = 0; foreach($for_don as $donname){ if(isset($donname['don_name']) && $donname['status'] == 1) {  $x = $x + 1; }} ?>
<select id="optdon" onload="showimage(this);" name="optdon" style="width:<?php echo $drop_width; ?>px;">
    <option value="">--Select don--</option>
    <?php $z = 0; $selected='selected' ?>
    <?php foreach($for_don as $donname) { if(isset($donname['don_name']) && $donname['status'] == 1) { $z = $z + 1;  ?>
        <option  <?php if($z==1 && $x == 1)echo $selected; ?>  value="<?php echo $donname['don_id']; ?>" ><?php echo $donname['don_name']?></option>
    <?php } } ?>
</select>
<br /><br />
<div align="center">
    <?php $i = 0; foreach($for_don as $donimage) { if(isset($donimage['don_image'])) {  ?>
        <div class="<?php echo $i; ?>" style="display:none;" id="<?php echo $donimage['don_id']; ?>"><img src="<?php echo $donimage['don_image']?>" /></div>
    <?php  $i =  $i + 1;} }?>
</div>

建议2：

<?php $x = 0; foreach($for_don as $donname){ if(isset($donname['donation_name']) && $donname['status'] == 1) {  $x = $x + 1; }} ?>
<?php if($x == 1) { ?>

    ??????

<?php } else { ?>

谢谢

Answer 1

添加此JavaScript：

var optdon = document.getElementById('optdon');
optdon.onchange.call(optdon);

这将触发onChange事件处理程序，从而允许初始选项生效。