JQuery 对话框无法更改文本字段中的数据

Question

我的项目显示了几个表，并尝试使用 JQuery 对话框来更改数据并将数据添加到表中。 我实现了对话框和显示它并填充表中内容的功能，效果很好。保存按钮也很好用，所以我将内容保存到数据库中。

我的问题是，当我打开对话框时，文本框中的内容不可编辑。我放置了这样的输入字段：

<input type="text" name="codice" id="codice" class="text ui-widget-content ui-corner-all" contenteditable="true" />

任何人都可以帮助我对这些字段进行编辑。 谢谢。

<div id="dialog-form" title="Gestione Tipo Appuntamento" >
    <form id="dialogform" action="agendaTipoAppuntamentoSalvaJson.do" contenteditable="true" >
    <input type="hidden" name="idTipoAppuntamento" id="idTipoAppuntamento" value=""  />
    <fieldset><table>

        <tr>
        <td>
        <label for="codice">Codice </label>
        </td><td>
        <input type="text" name="codice" id="codice" class="text ui-widget-content ui-corner-all" contenteditable="true" />
        </td></tr><tr>
        <td>
        <label for="descrizione">Descrizione </label>
        </td><td>
        <input type="text" name="descrizione" id="descrizione" value="" class="text ui-widget-content ui-corner-all" contenteditable="true" />
        </td></tr><tr>
        <td>
        <label for="descrBreve">descrBreve </label>
        </td><td>
        <input type="text" name="descrBreve" id="descrBreve" value="" class="text ui-widget-content ui-corner-all" contenteditable="true" />
        </td></tr><tr>
        <td>
        <label for="colore">colore </label>
        </td><td>
        <input type="text" name="colore" id="colore" value="" class="text ui-widget-content ui-corner-all" contenteditable="true" />
        </td>
        </tr>

    </table></fieldset>
    </form>
</div>

和JS部分调用变量：

function showUpdate(id,codice,descrizione,descrBreve,colore) {

        $('#idTipoAppuntamento').val(id); 
        $('#codice').val(codice);              
        $('#descrizione').val(descrizione);
        $('#descrBreve').val(descrBreve);
        $('#colore').val(colore);
        $( "#dialog-form" ).dialog( "open" );
    }

Answer 1

这是一个错误。我找到了解决方案：

position: relative;
z-index: 9999; 

放入保持形式的 div 样式，现在一切正常......