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

WBOY
リリース: 2016-06-06 20:14:22
オリジナル
1898 人が閲覧しました

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 までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート