2

重複の可能性：
入力ボックスを変更するドロップダウンボックスのオプション

php-mysqlを使用してスケジューラーを構築しています。コースコードのドロップダウンリストと、ドロップダウンリストから選択したコースコードのサブジェクト名を自動的に表示する入力ボックスがあります。誰かがこれで私を助けることができますか？

このドロップダウンリストはデータベースから動的にデータを取得しているはずであり、このリストで選択したコースコードはすべて入力ボックスに表示されます。

これをphpでコーディングするにはどうすればよいですか？

<select name="cCode">
    <option>Subject Code 1</option>
    <option>Subject Code 2</option>
</select>

リストで選択したコースコードのサブジェクト名が入力ボックスに表示されます。

<input type="text" name="sSubject" disabled value="Subject Name"/>
4

1 に答える 1

0

コース リストがそれほど長くないと仮定すると、Ajax 呼び出しを回避できます。その場合は、次のことができます。

.1. 以下のように選択タグを生成するように PHP を調整します。

<select name="cCode" id="cCode" onchange="javascript:selectChanged();">
<option courseTitle="Course Title 1">Subject Code 1</option>
<option courseTitle="Course Title 2">Subject Code 2</option>
</select>

注意してくださいID="cCode"; カスタム タグ属性courseTitleとイベントonchange="javascript:selectChanged()"。

.2. 入力タグを次のように変更します。

<input id="courseTitle" type="text" name="sSubject" disabled value="Subject Name"/>

注意してくださいID="courseTitle"。

.3. 以下の Javascript 関数を使用して、入力フィールドを更新します。

function selectChanged () { var obj = document.getElementById("cCode"); var courseTitle = document.getElementById("courseTitle"); courseTitle.value = obj.options[obj.selectedIndex].getAttribute('courseTitle', 2); }

ここでライブデモを見ることができます: http://jsfiddle.net/salih0vicX/Ptk2M/

于 2012-10-22T15:07:32.973 に答える