Php 使用JavaScript根据内容动态修改页面

所以，我有一个表格，表格中有一个。根据选择的内容，我希望表单的内容在flyi.e上发生变化。在用户单击任何其他内容之前

例如，如果用户选择照片上载选项，则会显示文件上载框；如果用户选择文本输入，则会显示文本框来代替该文件上载框

谢谢。

使用onchange事件触发文件上载或其他任何操作。

使用jquery：

function swapDiv( index ) {
    var html = '';
    switch( index ) {
       ... // assign html var based on index;
    }
    div.innerHTML = html; // assign div html to html var
}
select.onchange = function() {
    swapDiv( this.selectedIndex );
}

$(function ()
{
    var shown = $($('#my-select').val());

    $('#my-select').change(function ()
    {
        shown.hide();
        shown = this.form.find($(this).val()).show();
    });
});

需要这样的html：

<style>
textarea, input { display: none; }
</style>
<form id="my-form">
  <textarea id="text-entry"></textarea>
  <input type="file" id="file-upload">
  <select id="my-select">
    <option value="#text-entry">Text Entry</option>
    <option value="#file-upload">File Upload</option>
  </select>
</form>

---

是的，我知道我应该使用onchange事件，我只是不知道如何让JS函数实现我想要的功能。很抱歉，我对javascript一无所知，但我无法让它正常工作。整个HTML文档是什么样子的？非常感谢。