传递JavaScript变量以形成/输入字段作为onsubmit href链接 [英] pass javascript variables to form/input fields as onsubmit href link

问题描述

id喜欢有一个输入框，用户可以输入一个搜索字词，然后传递给一个javascript函数，然后将一些网址段与搜索字词组合成一个完整的url。直到现在它一直没有任何形式的工作正常，但我想添加一个表单，所以用户可以按回车，而不是点击一个提交按钮。

提交按钮代码：

 < a href =javascript：void（0）onClick =this.href = i1 + document.getElementById（'intranet'）。value + i3target =_ blank> 
< div id =submitclass =out
 onMouseOver =document.getElementById（'submit'）。className ='over'; 
 onMouseOut =document.getElementById（'submit'）。className ='out';> 
< span>提交< / span> 
< / div> 
< / a> 
  

错误的表单/输入代码：

 < form action =onSubmit =this.href = i1 + document.getElementById（'intranet'）。value + i3; return false; method =gettarget =_ blank> 
  onFocus =document.getElementById（'intranet'）。value ='' 
 onBlur =document.getElementById（'intranet'）。value ='搜索Intranet ..'/> 
< / form> 
  

可能的js函数来创建网址：

 < script language =javascripttype =text / javascript> 
函数urlGen（值）
 {
 var i1 =seg1; 
 var i2 = document.getElementById（'intranet'）。value; 
 var i3 =seg2; 
 
 var fullURL = i1 + document.getElementById（'intranet'）。value + i3; 
 
返回fullURL; 
} 
< / script> 
  

解决方案

b

 < form action =onSubmit =urlGen（this）; method =gettarget =_ blank> 
 onFocus =this.value =''
 onBlur =this.value =''
< input type =textid =intranetsize =15value =Search Intranet .. this.value ='搜索Intranet ..'/> 
< / form> 
 
函数urlGen（f）{
 var i1 ='urlSeg1'; 
 var i2 = f.intranet.value; 
 var i3 ='urlSef'; 
 f.action = i1 + i2 + i3; 
返回true; 
} 
  

id like to have an input box that a user can enter a search term into that gets passed to maybe a javascript function that then combines some url segments with the search term creating a full url. up until now its been working fine without a form around it, but i would like to add a form to it so users can just hit enter rather than clicking a submit button.

submit button code:

<a href="javascript: void(0)" onClick="this.href = i1 + document.getElementById('intranet').value + i3" target="_blank">
                    <div id="submit" class="out"
                        onMouseOver="document.getElementById('submit').className = 'over';"
                        onMouseOut="document.getElementById('submit').className = 'out';">
                        <span>Submit</span>
                    </div>
                </a>

faulty form/input code:

<form action="" onSubmit="this.href = i1 + document.getElementById('intranet').value + i3; return false;" method="get" target="_blank">
                <input type="text" id="intranet" size="15" value="Search Intranet.."
                    onFocus="document.getElementById('intranet').value = ''"
                    onBlur="document.getElementById('intranet').value = 'Search Intranet..'" / >    
                </form>

possible js function to create url:

<script language="javascript" type="text/javascript">
                    function urlGen(value)
                        {
                            var i1 = "seg1";
                            var i2 = document.getElementById('intranet').value;
                            var i3 = "seg2";

                            var fullURL = i1 + document.getElementById('intranet').value + i3;

                            return fullURL;
                        }
                </script>

解决方案

Maybe something like:

<form action="" onSubmit="urlGen(this);" method="get" target="_blank">
    <input type="text" id="intranet" size="15" value="Search Intranet.."
                 onFocus="this.value = ''"
                 onBlur="this.value = 'Search Intranet..'" / >    
</form>

function urlGen(f){
   var i1 = 'urlSeg1';
   var i2 = f.intranet.value;
   var i3 = 'urlSef';
   f.action = i1 + i2 + i3;
   return true;
}

这篇关于传递JavaScript变量以形成/输入字段作为onsubmit href链接的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！