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 回答