D3自动完成将div更改为输入框

Question

我想要更改我在D3网站上找到的自动完成程序的源代码。

Click here for link

我基本上想将<div id="test" style="width:100%; height:100%;"></div>代码转换为html表单输入框，因此当您单击自动完成项时，它将处理＆＃34;提交＆＃34;类型请求。

由于

Answer 1

如果我理解了您的问题以及您想要做什么，可以使用JavaScript将div替换为input，方法如下：

var toReplace = document.getElementById('test'); //element to be replaced
var parent = toReplace.parentNode;

var input = document.createElement('input'); // new element
input.id = input.name = "test";
input.type = 'text';
// can declare more attributes for input here

parent.replaceChild(input, toReplace);  // Replacing here..

jsFiddle