2010年5月23日 星期日

FORM裡的預設值

  1. <form name="update_data" action="update_data.php">   
  2. 暱名:<input type="text" name="nick" value="<?=$nick?>">   
  3. 興趣:   
  4. <input type="checkbox" name="ints[]" value="動畫">動畫   
  5. <input type="checkbox" name="ints[]" value="閱讀">閱讀   
  6. <input type="checkbox" name="ints[]" value="電影">電影   
  7. <input type="checkbox" name="ints[]" value="漫畫">漫畫   
  8. <input type="checkbox" name="ints[]" value="籃球">籃球   
  9. <input type="checkbox" name="ints[]" value="健走">健走   
  10. <input type="submit" value="送出修改">   
  11. </form>   
  12. <script>   
  13. var checkvalue = "<?=$ints?>";   
  14. var theform = document.update_data.elements;   
  15. for(i=0;i<theform.length;i++) {   
  16.   //迴圈檢查型別為checkbox且名稱為ints[]的項目,是否有興趣值符合   
  17.   if(theform[i].type == "checkbox" && theform[i].name.indexOf('ints[]')!= "-1" && checkvalue.indexOf(theform[i].value)!=-1){   
  18.     theform[i].checked = true;   
  19.   }   
  20. }   
  21. </script>  


舊式寫法

  1. <form name="update_data" action="update_data.php">   
  2. 暱名:<input type="text" name="nick" value="<?=$nick?>">   
  3. 興趣:   
  4. <input type="checkbox" name="ints[]" value="動畫" <?php if(strpos($ints,'動畫')!==false) echo 'checked'?>>動畫   
  5. <input type="checkbox" name="ints[]" value="閱讀" <?php if(strpos($ints,'閱讀')!==false) echo 'checked'?>>閱讀   
  6. <input type="checkbox" name="ints[]" value="電影" <?php if(strpos($ints,'電影')!==false) echo 'checked'?>>電影   
  7. <input type="checkbox" name="ints[]" value="漫畫" <?php if(strpos($ints,'漫畫')!==false) echo 'checked'?>>漫畫   
  8. <input type="checkbox" name="ints[]" value="籃球" <?php if(strpos($ints,'籃球')!==false) echo 'checked'?>>籃球   
  9. <input type="checkbox" name="ints[]" value="健走" <?php if(strpos($ints,'健走')!==false) echo 'checked'?>>健走   
  10. <input type="submit" value="送出修改">   
  11. </form>  

 

  1. <?php $test = 'B'; ?>   
  2. <form name="test1">   
  3. <select name="test2">   
  4. <option value="A">A</option>   
  5. <option value="B">B</option>   
  6. <option value="C">C</option>   
  7. </select>   
  8. </form>   
  9. <script>document.test1.test2.value = '<?=$test?>';</script>