追加'已选中'使用JS(可能还有PHP)的选项

时间:2017-04-17 03:45:07

标签: javascript html select append

我有一个PHP页面:

<td class="short" id="inhouse-val<? echo $row['id'];?>"><? echo $row['inhouse'];?></td>

此表格单元格显示了用户对内部&#39;内部下拉列表的选择。选项是&#39; Portland&#39;和&#39; Remote&#39;。

如果用户单击“编辑”按钮,则会使用以下内容触发JS页面:

document.getElementById("inhouse-val"+id).innerHTML="<input type='text' id='inhouse_text"+id+"' value='"+inhouse+"'>";

显然我想将<input type...更改为选择列表,但是,我能解决的主要问题是如何选择JS文件(或php)&#39;&#39; 39;到当前选择的列表选项(内部),以便当此JS页面停止执行并返回到PHP页面时,它会显示下拉列表,其中所选选项为默认值。

对于上下文,会发生的是用户位于PHP页面(这是一个来自数据库表的行的html表)中,用户可以在其中选择行并对其进行编辑。 JS文件触发并将行中的所有单元格设置为可编辑的文本字段。然后,用户可以编辑一个,按“保存”,另一个PHP跳转以覆盖对数据库的更改。

我遇到的问题是并非所有表格单元格都是文本字段。 4是从下拉列表中选择的(如上例所示)。

我的JS知识很弱,但我可以处理PHP,所以我不知道如何编写上面的示例,以便它不返回包含当前用户文本的字段,而是返回一个包含当前用户文本的下拉列表用户选择就可以了。

以下是演示工作页面: http://antistandard.com/projects/pathfinder/

非常感谢任何帮助。 谢谢

1 个答案:

答案 0 :(得分:0)

<select> 
<option selected="selected" value="first"/>
<option value="second"/>
</select>

我认为这就是你要找的东西。