javascript - 来自文本输入的动态链接

Question

我有一个文本输入及其下方的链接(我使用 Webix)我想要做的是在文本字段中输入链接的一部分(IP 地址)并将该地址应用于链接。

我试过了

elements:[
    { view:"text", label:'IP', name:"IPname", id:"IPid", value:"127.0.0.1" },
    { view:"template", height: 30, 
     template:"<span><a href='' onclick='"+window.open($$("IPid").getValue()+"'>Test link</a></span>" 
    }        
],

但是这种表示法不起作用(实际上，给出了错误“IPid 未定义”)

我的代码 Here

有什么办法可以做到这一点吗？

Answer 1

奇怪的问题，我对 webix 不太熟悉，但是将 window.open 放在函数中是有效的。另请记住，正确的属性是“onclick”而不是“click”，并且缺少括号。也修复了它们，检查一下:http://webix.com/snippet/e4e236b9

webix.ui({
  rows:[
    {
      id:"form1", view:"form", scroll:false,            
      elements:[
        { view:"text", label:'IP', name:"IPname", id:"IPid", value:"127.0.0.1" },
        { view:"template", height: 30, 
         template:"<span><a href='' onclick='fixLink()'>Test link</a></span>" 
        }        
      ],
      width: 320,
      elementsConfig:{        
        labelPosition: "top",        
      }
    }       
  ]    
});

<script>
function fixLink(){  
  window.open('http://'+$$("IPid").getValue());
}
</script>