Question

我在wordpress页面中创建了按钮和文本字段，当用户添加内容并点击搜索时，它将转到外部链接进行搜索。我尝试了这个，我的html和javescript如下所示，如果我需要的话添加像https://the outside site/index.php?NAME_PATH=DOMAINS_PATH这样的链接，它将在wordpress中重定向为http://server/mywordpressfolder/?domainname=dyhrrty&name=.com，因此如何解决此问题会出现404错误！



 
    function callGetDomain() 
    { 
        var res1=$("#domainname").val();
        var res2=$("#name").val();
        var name=res1+res2; if(res1!="Domain Name")  {           
        location.href="https://www.google.lk/search?q=test"; }
        else { alert("Please Specify Domain Name"); }
    } 
 
<div class="search_domaim">
<div class="title_text">
 <h2>Register This Domain</h2></div>
<div class="search_field">
<form action="" method="get">
<div class="search_input">
<input name="domainname" type="text" class="textbox" id="domainname" onfocus="if (value == 'Domain Name') {value =''}" onblur="if (value == '') {value = 'Domain Name'}" value="Domain Name"></div>
<div class="search_drop">
<select name="name" id="name">
 <option value=".com">.com</option>
 <option value=".in">.in</option>
</select>
</div>
<div class="search_btn">
<!--<input name="" type="image" src="images/domain_search_btn.png" />-->
<input type="submit" value="Search" class="domain_submit" onclick="callGetDomain();">
</div>
<div class="clear"></div>
</form>
</div>
<div class="clear"></div>
</div>

它会以正常方式运行但是在wordpress中如何实现这个????

Answer 1

我已经完成了使用onCick方法

继承我的Fiddle

$(".domain_submit").on("click",function(){

     var res1=$("#domainname").val();
    var res2=$("#name").val(); 
    var name=res1+res2; alert(name);
    if(res1!="Domain Name") { window.open('https://www.google.lk/search?q=test','_blank'); }
    else { alert("Please Specify Domain Name");
         }

});

如何从wordpress页面引用外部链接

1 个答案: