php - 使用 .replaceWith() 后未提交某些表单值

Question

假设我有这个表格:

<form action="submit" method="post">
<select name="category" id="categorylist">
<option value="love">Love</option>
<option value="magic">Magic</option>
<option value="custom">Custom</option>
</select>
<textarea name="content">SomeContent</textarea>
<input type="submit">
</form>

当我选择自定义时，我想将 select 更改为 input，所以我想出了这个:

$(function(){
  $('#categorylist').change(function(){
    $(this).replaceWith('<input type="text" name="category">');
  });
  if( $('#categorylist').val() == 'custom' )
    $('#categorylist').replaceWith('<input type="text" name="category">');
});

But when the select is changed into an input, $_POST['category'] isn't there when i dumped $_POST on form submission.为什么会这样？

Answer 1

您应该替换 <select>与 </select>和 <input type="submit>至 <input type="submit">在你的 html 中。使用以下 javascript，.replaceWith() 没有问题并提交表格。

$(function(){
    $('#categorylist').change(function(){
        if( $('#categorylist').val() == 'custom' )
            $('#categorylist').replaceWith('<input type="text" name="category">');
    });
});

参见 my test .