首頁 > 後端開發 > php教程 > javascript - thinkphp中如何给a标签传递的参数为文本框的输入值?

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

WBOY
發布: 2016-06-06 20:14:22
原創
1913 人瀏覽過

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>
登入後複製

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

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

<code>在这里改变你的 href地址,试试,没有测试过,自己尝试一下吧           </code>
登入後複製

});

<code class="javascript">$(function() {
    $('#search_stuff').on('click', function(e) {
        var url = $('#search_key').val();
        $(this).attr('href', url);
    })
})</code>
登入後複製

给你提供一种思路:
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>
登入後複製
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板