编辑如何使用<a>标记</a>内的文本字段中的现有文本预填充x-editable弹出窗口

Question

我从DB加载数据后渲染了大约100多个字段，我的目的是将这些字段显示为包含数据的普通可编辑文本字段。 但是当用户点击任何这些字段时，应该出现一个x可编辑的弹出框，并且它应该预先填充文本字段的值（这样用户就不必键入所有内容）。

这是html代码：

<a href="#" data-type="text" id="abn" data-pk="1" data-url="/post" data-title="Enter ABN">
 <input type="text" id="abn" name="abn" class="form-control" value="<?php echo $drvData->ABN; ?>" >
</a>

在JS我只是这样做：

$.fn.editable.defaults.mode = 'popup';
$('#abn').editable();

但问题是，如果我设置x-editable属性“data-value”，它将显示为像href不像文本字段。 但是，如果我使用

<input type="text" value="<?php echo $drvData->ABN;?>" ...> 

它显示弹出窗口为空，任何人都可以帮助我，我认为它与.editable（）传递值但不确定如何做有关。

Answer 1

我不确定这是解决问题的正确方法，但它对我来说非常合适：

在标签内部而不是使用我已经使用并完成了这样的事情：

<a href="#" data-type="text" id="ABN" data-pk="1" data-url="/post" data-placement="right" data-title="Enter ABN">
<textarea id="abn" name="abn" class="form-control" >
<?php echo $drvData->ABN; ?>
</textarea>
</a>

在CSS中，我这样做是为了将文本区域显示为输入字段：

<style> textarea {  height: 38px;  resize: none;} </style> 

仅供参考我使用： $.fn.editable.defaults.mode = 'popup';

我做了很多搜索，但找不到任何你可以在锚标签内嵌入输入字段的东西，除了这个工作，我必须让它工作所以我这样做:)