Heim > Backend-Entwicklung > PHP-Tutorial > javascript - thinkphp中如何给a标签传递的参数为文本框的输入值?

javascript - thinkphp中如何给a标签传递的参数为文本框的输入值?

WBOY
Freigeben: 2016-06-06 20:14:22
Original
1922 Leute haben es durchsucht

javascript - thinkphp中如何给a标签传递的参数为文本框的输入值?

如图,怎么令a中的参数是上面文本框的输入值。
我之前的写法是
{:U('地址',array('seaname'=>''+document.getElementById('search_key').value+''))}
但是不行。
第二次是在js中写,
var a=$('#search_key').val();
链接ID.href="地址?seaname="+a;也不行

回复内容:

javascript - thinkphp中如何给a标签传递的参数为文本框的输入值?

如图,怎么令a中的参数是上面文本框的输入值。
我之前的写法是
{:U('地址',array('seaname'=>''+document.getElementById('search_key').value+''))}
但是不行。
第二次是在js中写,
var a=$('#search_key').val();
链接ID.href="地址?seaname="+a;也不行

<code>


    <meta charset="utf-8">
    <title>dfdf</title>
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $("#a").bind("click",function(){
                var v=$("#i").val();
                var link="https://www.baidu.com/s?wd="+v;
                $("#a").attr("href",link);
            })
        });
    </script>


<input type="text" id="i">
<a href="" id="a">搜索</a>

</code>
Nach dem Login kopieren

这是个demo,把内容替换掉试试

$("search_key").bind('keyup mouseup', function () {

<code>在这里改变你的 href地址,试试,没有测试过,自己尝试一下吧           </code>
Nach dem Login kopieren

});

<code class="javascript">$(function() {
    $('#search_stuff').on('click', function(e) {
        var url = $('#search_key').val();
        $(this).attr('href', url);
    })
})</code>
Nach dem Login kopieren

给你提供一种思路:
1 声明一个存储变量a,监听input的keyup事件
2 在监听事件中实时获取input的值,并把值传递给a

简单事咧:

<code><input id="inp" type="text" placeholder="默认值">
  <p id="txt">我是实时改变的值。。。。</p>

  <script>
  var obj = document.getElementById('inp');
  obj.addEventListener('keyup', function(e) {
    // console.log(obj.value);
    document.getElementById('txt').innerHTML = obj.value;
  }, false);
  </script></code>
Nach dem Login kopieren
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage