Javascript 来自文本输入的动态链接

我有一个文本输入和下面的链接（我使用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>" 
    }        
],

元素：[
{视图：“文本”，标签：“IP”，名称：“IPname”，id：“IPid”，值：“127.0.0.1”}，
{视图：“模板”，高度：30，
模板：“”
}        
],

但是这个符号不起作用（实际上，给出了一个错误“IPid未定义”）

我的代码

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

关于您的错误“IPid”未定义，因为声明id未用于任何控件，可能是您的拼写错误。如果这一切都很好，请尝试此代码

 $("#YoutextBoxID").val();

并将其粘贴到您的请求发送到的位置，以便进行进一步的活动 像这样

click='“/*+window.open（$（“#YoutextBoxID”）.val（）*/+”

关于您的错误“IPid”未定义，因为声明id未与任何控件一起使用，可能是您的拼写错误。如果每一个都正确，请尝试此代码

 $("#YoutextBoxID").val();

并将其粘贴到您的请求发送到的位置，以便进行进一步的活动

---

像这样的

click='“/*+window.open（$（“#YoutextBoxID”）.val（）*/+”

奇怪的问题，我对webix不是很熟悉，但把

window.open

放在一个函数中起作用了。还要记住，正确的属性是“onclick”而不是“click”，并且缺少一个括号。也修复了它们，请查看：

webix.ui({
行：[
{
id:“form1”，视图：“form”，卷轴：false，
要素：[
{视图：“文本”，标签：“IP”，名称：“IPname”，id：“IPid”，值：“127.0.0.1”}，
{视图：“模板”，高度：30，
模板：“”
}        
],
宽度：320，
元素配置：{
标签位置：“顶部”，
}
}       
]    
});
函数fixLink（）{
open（'http://'+$$（“IPid”）.getValue（））；
}

奇怪的问题，我对webix不是很熟悉，但是将

窗口放在一个函数中。在一个函数中打开

。还要记住正确的属性是“onclick”而不是“click”，并且缺少括号。也修复了它们，请查看：

webix.ui({
行：[
{
id:“form1”，视图：“form”，卷轴：false，
要素：[
{视图：“文本”，标签：“IP”，名称：“IPname”，id：“IPid”，值：“127.0.0.1”}，
{视图：“模板”，高度：30，
模板：“”
}        
],
宽度：320，
元素配置：{
标签位置：“顶部”，
}
}       
]    
});
函数fixLink（）{
open（'http://'+$$（“IPid”）.getValue（））；
}

请尝试一下，我不知道这是否对您有帮助，如果我错了，请纠正我

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='' id='anId' click='"/*+window.open($$("IPid").getValue()*/+"'>Test link</a></span>" 
                }        
            ],
            width: 320,
            elementsConfig:{
                labelPosition: "top",        
            }
        }       
    ]    
});

func1();
function func1() {
    document.getElementById("anId").setAttribute("href",$$("IPid").getValue());
    var abc = document.getElementById("anId").getAttribute("href");
}
window.onload=func1;

webix.ui({
行：[
{
id:“form1”，视图：“form”，卷轴：false，
要素：[
{视图：“文本”，标签：“IP”，名称：“IPname”，id：“IPid”，值：“127.0.0.1”}，
{视图：“模板”，高度：30，
模板：“”
}        
],
宽度：320，
元素配置：{
标签位置：“顶部”，
}
}       
]    
});
func1（）；
函数func1（）{
document.getElementById（“anId”）.setAttribute（“href”，$$（“IPid”）.getValue（）；
var abc=document.getElementById（“anId”）.getAttribute（“href”）；
}
window.onload=func1；

请尝试一下，我不知道这是否对您有帮助，如果我错了，请纠正我

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='' id='anId' click='"/*+window.open($$("IPid").getValue()*/+"'>Test link</a></span>" 
                }        
            ],
            width: 320,
            elementsConfig:{
                labelPosition: "top",        
            }
        }       
    ]    
});

func1();
function func1() {
    document.getElementById("anId").setAttribute("href",$$("IPid").getValue());
    var abc = document.getElementById("anId").getAttribute("href");
}
window.onload=func1;

webix.ui({
行：[
{
id:“form1”，视图：“form”，卷轴：false，
要素：[
{视图：“文本”，标签：“IP”，名称：“IPname”，id：“IPid”，值：“127.0.0.1”}，
{视图：“模板”，高度：30，
模板：“”
}        
],
宽度：320，
元素配置：{
标签位置：“顶部”，
}
}       
]    
});
func1（）；
函数func1（）{
document.getElementById（“anId”）.setAttribute（“href”，$$（“IPid”）.getValue（）；
var abc=document.getElementById（“anId”）.getAttribute（“href”）；
}
window.onload=func1；

解决方案将使用一个小的相关性：

setAttribute（“href”，“http:/”+$$（“IPid”）.getValue（）；

解决方案将使用一个小的相关性：

setAttribute（“href”，“http:/”+$（“IPid”）.getValue（））

谢谢。删除函数是重点。现在，我用

对其进行了一点改进，以防止重定向。谢谢。删除函数是重点。现在，我用

对其进行了一点改进，以防止重定向。