用javascript做option的預設選取selected

用client端的javascript做select option預設選取,會比用server端的php,jsp,asp來的方便,不過初學者大都是採取後者的做法(我也是從那裡走過來的…)。
用javascript做option的預設選取selected

php為例:

<?php $test = 'B'; ?>
<form name="test1">
<select name="test2">
<option value="A" <?php if ($test=='A') echo 'selected'; ?>>A</option>
<option value="B" <?php if ($test=='B') echo 'selected'; ?>>B</option>
<option value="C" <?php if ($test=='C') echo 'selected'; ?>>C</option>
</select>
</form>

javascript為例:

<?php $test = 'B'; ?>
<form name="test1">
<select name="test2">
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
</select>
</form>
<script>document.test1.test2.value = '<?=$test?>';</script>

後者只需增加一條script,代碼比前者乾淨多了,建議可再參考此文用javascript做checkbox的預設勾選checked

您可能也會喜歡…

2 個回應

  1. 洪崇偉表示:

    你好!!我是你部落格迷,我不小心點進去你的paypal 把100us匯到你帳號裡面了,麻煩你取消這筆交易,我已經寫信給paypal,他們說叫我先請你按取消,然後他那邊也會做停止這筆交易的動作!!!! 麻煩你啦!!!
    我沒看清楚 造成你的困擾!!拍謝

  2. spock表示:

    你的這篇
    用javascript做option的預設選取selected
    對我有很大的幫忙, 對 JS越來越佩服, 也謝謝你的分享.

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *