获取输入文本值的 id

Question

我有一个自动完成字段，我需要在其中获取显示文本的数据库 ID 以发送到 jQuery 以更新数据库。我不知道如何获取选择文本的 id。

此函数在您键入时获取可用值，然后在选择文本时显示文本。

$(function() {
            $(".positionList").autocomplete({
                source: "get-position.php?",
                select: function( event, ui ) {
                    event.preventDefault();
                    $(".positionList").val(ui.item.value);
                }
            });
        });

这是输入文本框所在的位置：

<tr>
<td> <div contentEditable='true' class='edit' id='postionID_<?php echo $id; ?>'><input type='text' class='positionList' value='<?php echo $position; ?>' /></div></td>

当我到达这里时，我需要更新用户的$id，$position 是名称，$positionID 是需要发送到 jQuery 的。

这会更新，var value 是空的。此变量应包含$positionID。

$(".edit").focusout(function(){
        $(this).removeClass("editMode");

        var id = this.id;
        var split_id = id.split("_");
        var field_name = split_id[0];
        var edit_id = split_id[1];

        var value = $(this).text();

        $.ajax({
            url: 'update.php',
            type: 'post',
            data: { field:field_name, value:value, id:edit_id },
            //data: { field:field_name, value:value, id:edit_id, checked:checkedStatus },
            success:function(response){               
            }
        });

    });

Answer 1

所以问题是你要求输入元素的innerHTML：

<input type='text' class='positionList' value='<?php echo $position; ?>' />

问题是输入标签是一个自闭合标签。这意味着它和这个完全一样：

<input type='text' class='positionList' value='<?php echo $position; ?>'></input>

这意味着没有“innerHTML”，因为我们把它留空了

因此，要解决此问题，我们只需将您的 Javascript 行更改为：

var value = $(this).text();

到这里：

var value = $(this).val();

这会检索输入字段的“值”属性，而不是 innerHTML。