2011-12-14 57 views
3

我想知道有人能够帮我处理我的查询吗?Jquery UI自动完成 - 选择结果到DIV而不是表单域

我有以下代码很好,但我想发布其中一个选定的结果到一个DIV而不是一个表单字段。

我已经尝试过101件事情,但解决方案超越了我。

我还以为制作表单域及隐藏的内容复制到支持JavaScript的DIV将是一个解决方案,直到我意识到,我不知道该怎么做,要么...

$("#search").catcomplete({ 
     delay: 0, 
     source: 'complete_client.php', 
     minLength: 2, 
     select: function(event, ui) { 
      $("#id").val(ui.item.id); 
      $("#title").val(ui.item.value); 
      $("#spec").val(ui.item.spec); 
      document.forms["main_search"].submit(); 
    } 
    }); 

我会在可能的情况下像ID一样保留在表单字段中,标题和规范将填充DIV。

如果它不可能/太多的工作,会自动将表单内容复制到一个DIV使用Javascript可能/更容易吗?

提前感谢

克里斯

回答

1
$("#search").catcomplete({ 
    delay: 0, 
    source: 'complete_client.php', 
    minLength: 2, 
    select: function(event, ui) { 
     // Put selected item's text into div 
     $('#divid').text(ui.item.value); 

     /* Whatever other code you want here */ 
} 
}); 
+0

感谢马修,但我想,才没有对我不起作用。最初我希望它会变得如此简单 - 还有什么进一步的建议?谢谢克里斯 – Chris 2011-12-14 00:59:14