使用锚标记附加Typeahead行

我正在使用AJAX调用在我的DropDown中使用Typehead填充数据,现在为DropDown中的每一行创建的HTMLTypeAhead如下所示

选择 | 换行 | 行号
  1. <li class="active" data-value="xx"> <a href="#"> my Text </a> </li>

我的要求是在锚标签中有一些值,当用户点击下拉文本时,它将用户带到新页面.
有人能告诉我正确的方向吗?任何帮助都将不胜感激.

# 回答1


给你的主播一个"id"
然后使用innerHTML将文本分配给锚点
或.href将链接分配给锚点
了解所有锚点属性
点击这里
尝试以下示例代码:

选择 | 换行 | 行号
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <script type="text/javascript">
  5. function addtext()
  6. {
  7. document.getElementById('anchor1').innerHTML = "my text";
  8. document.getElementById('anchor1').href = "my_URL";
  9. }
  10. </script></head>
  11.  
  12. <body>
  13. <input type="button" value="go" onclick="addtext();" />&nbsp;<a id="anchor1" href="#"></a>
  14. </body>
  15. </html>
  16.  
  17.  
# 回答2


这可以通过使用typehead中的updater属性来实现,因为在typehead下拉列表中的行单击时调用updater中的代码.

选择 | 换行 | 行号
  1. updater: function (item) {            
  2.        // do whatever you want to do here
  3.     }
  4.  

标签: Javascript

添加新评论