Everyday NetLog

在多选框中，通常会使用到这种形式：
<select id="large_category_id" name="large_category_id[]" size="5" multiple>
而又有<option value="" <?=$selected_flg ?>>请指定</option>值为空的情况，这就需要当默认选择这个的时候，
提示用户必需选择。
还有一个总结：当ＳｅｌｅｃｔＢｏｘ中选择其中一项时，会出现输入框；代码如下：
<table> </t    <tr>       <td>选择分类</td>       <td>         <select id="large_category_id" name="large_category_id[]" size="5" multiple>           <option value="" <?=$selected_flg ?>>请指定</option>           <?           if (count($chara_large_category_list) > 0) {             foreach ($chara_large_category_list as $tmp) {           ?>               <option value="<?=$tmp->id ?>" <?=in_array($tmp->id, $large_category_id_list) ? "selected" : "" ?>><?=htmlspecialchars($tmp->title)?></option>           <?             }           }           ?>         </select>       </td>     </tr> </table>
Ｊｓ的Check方法：

  large_category_id_tmp = document.getElementById('large_category_id').options;   var check_flg = true;     for (i=0; i < large_category_id_tmp.length; i++) {         if (large_category_id_tmp[i].selected && large_category_id_tmp[i].value != "") {             check_flg = false;       }   }   if (check_flg) {     alert ("请选择！");     return;   }

有了上面的了解，就可以很容易的实现当selectbox中选择不同的值，而出现不同的表单项目。

<select name="wwwzhozcom" onchange="doChange(this)"> . . . <div id="temp_answer" style="display:<?=$dis_flg ?>">       请输入:<input id="temp_answer" type="text" name="zhozcom" value="<?=htmlspecialchars($temp_answer) ?>" />     </div>
function doChange() {   if (document.zhoz_com.category.value == "INPUT") {     document.getElementById("temp_answer").style.display = "block";   } else {     document.getElementById("temp_answer").style.display = "none";   } }

作者：@Everyday NetLog
地址：http://blog.zhoz.com/read.php?616
版权所有。转载时必须以链接形式注明作者和原始出处及本声明！