js文本框输入内容智能提示效果

tlkj

为什么div（tbcontent）的append方法报错

js代码：
$(this.getElementByXid("#tbcontent")).append('<div class="item">' + row.val('name') + '</div>');

css:
.item:hover
  {
   background-color: Gray;
   cursor:pointer;
  }

jishuang

var div = this.getElementByXid("div1");
$(div).append('<p>测试<a onclick="clickelete()" href="javascript:void(0);">删除</a></p>');

tlkj

div可以用append方法了，当点击某一个div的数据时，我想将该数据的值赋给某一个input

     $(nameListDiv).append('<div class="item"#ff0000">SelectName(this)">' + row.val('name') + '</div>');

        Model.prototype.SelectName = function(event){
            document.getElementById(this.getIDByXID('testInput')).value = $(event).text();
                $(this.getElementByXid("tbcontent")).fadeOut();
        };





问题：
1.  SelectName()这个方法应该如何定义，总是提示没有该方法

2.   如何将选中的值赋给文本框

jishuang

你这种操作就是js标准的，可以参考http://doc.wex5.com/?p=4202#2.2（2、动态创建html节点）

如果是平台提供的文本框，可以用this.comp("input的xid").val("XXx");赋值

tlkj

1. 真心没有搞明白，我是必须改成“2. 组件的创建”中的方法呢，还是我这种也可以实现
2. 你所谓的“这个操作是js标准的”，为什么在x5里总提示SelectName未定义，是我写的不对吗

3. 不知道component-name为“ input-$UI/system/components/justep/input/input” ，是不是平台提供的input
如果this.comp("testInput").val(‘’)可以赋值，是不是也可以用this.comp("testInput").val()取值
可是，为什么在页面上，手动输入值后
alert(this.comp("testInput").val());    弹出空
alert(document.getElementById(this.getIDByXID('testInput')).value）;    弹出输入的值

3. 提示SelectName未定义，请明示

jishuang

1.看的是动态创建html,你的操作是html标准的去加的，要自己个帮事件，而且点击是onClick，你的div中就没有onClick
平台提供的方法不需要自己去绑定事件

2.input参考http://doc.wex5.com/?p=8159

tlkj

是我回复信息时，一转成高级回复，就把onclick这块代码给弄成乱码了
代码见图


问题：总提示SelectName方法未定义，请问如何定义

jishuang

如果要要自己用html的去添加，那么调用的函数就不能定义的平台的代码块中，就不用Model.XXX去定义，在define外面定义
如下

tlkj

请问在SelectName方法中，如何访问input组件、div组件呢（input、div都是在x5中定义的，不是用js代码追加的）

jishuang

用html的方式通过jquery去获取

不能用this.comp