Question

可能重复：
option in dropdown box that changes an input box

我正在使用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"/>

Answer 1

假设您的课程列表不长，您可以避免Ajax调用。如果是这种情况，你可以做的就是：

0.1。 Ajust你的PHP生成select标签，如下所示：

<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()"。

0.2。更改输入标记如下：

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

请注意ID="courseTitle"。

0.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/

如何使用下拉列表和输入框自动从数据库中获取数据？

1 个答案: