Question

我得到了jQuery自动填充表单，主要是我需要它在这里工作：http://problemio.com/test.php

但有一个问题：我无法将所选项目列出的区域作为表单字段。现在它只是一些不可编辑的文本区域，当我尝试做

时

var log = $("#log").val();

在价值中没有任何东西，所以我无法真正提交它。

1）如何将该区域转换为表单字段，其值可在表单提交时检索？ 2）此外，人们如何设法允许用户删除他们选择的项目？

谢谢！

Answer 1

您无法获得div元素的值（没有一个）。这就是你在第75行的#add_category点击处理程序中尝试做的事情（$("#log").val() - #log是div）

您需要从div获取html或文本：

// change line 75 to 
$("#log").html()
// or
$("#log").text()

或

您只需使用textarea更改log区域的html：

//change <div id="log" style="height: 200px; width: 300px; overflow: auto;" class="ui-widget-content"></div> // to <textarea id="log" style="height: 200px; width: 300px; overflow: auto;" class="ui-widget-content"></textarea>

Answer 2

要使所选值进入某个字段，您需要更改log()功能以进行记录。之后你还需要做一些删除输入的方法。类似的东西：

function log( message ) 
{
    $( "input[type=submit]" ).after('<input type="text" name="chosenvalues[]" value="' + message + '" readonly="readonly" /><span class="remover">Remove</span>');
    $( ".remover:last" ).click(function () {
        $(this).prev("input").remove();
    });
}

如何将jQuery自动完成文本区域转换为表单字段？

2 个答案: