如何利用javascript，使得点击某个超链接时，能读取某文本框的内容，并加入超链接后的？后的参数中（不使用按钮，不提交表单）

不知在不提交表单的情况下，能否用javascript读取某文本框输入的内容。
情况是这样的：我一个页面中，是整个网站的设置。允许修改的参数多，文本框众多。为了防止网管误操作。每一个参数的文本框后，都加了一个超链接连接内容为 <a href="changeOption.action?changeItem=文本框的名字&newValue=当前文本框中的值"但上面的红色部分怎么得到？？？我写成<a href="changeOption.action?changeItem=<%=request.getParameter("文本框名") %>结果不行，因为没有提交表单但我这个确实不能提交表单

解决方案 »

  1.   

    如果楼主的超链接是可以点击的话，那就给超链接绑定onclick事件，去拿相应文本框的值。如果不是，那么就给input文本框绑定onblur失去焦点事件，当用户输入完内容并且文本框失去焦点，就把输入的内容赋值给超链接。两种解决办法，看楼主更偏向哪个就用哪个吧。
      

  2.   


    我没学过javascript，还请您简单写一下这个函数给这个超链接绑定onclick事件我这个页面，是个网站设置页面，里面有100多个设置项目，也就是100多个文本框，每个文本框后面是一个超链接超链接地址  在 1楼的红色字部分说了，就是追加上这个文本框中新的内容——————————————————————希望给出上面功能的写法，但希望更进一步。因为这样的话，每个超链接，我都得手工写上 文本框的name。不知有没有办法自动填写。规律就是每个文本框后就跟着这个超链接
      

  3.   

    每个 input 都有 不一样的 name
    通过这个name 生成所有的链接
      

  4.   

    试试jQuery的.serialize()<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <title>无标题文档</title>
    </head><body>
    <form>
      <div><input type="text" name="a" value="1" id="a" /></div>
      <div><input type="text" name="b" value="2" id="b" /></div>
      <div><input type="hidden" name="c" value="3" id="c" /></div>
      <div>
        <textarea name="d" rows="8" cols="40">4</textarea>
      </div>
      <div><select name="e">
        <option value="5" selected="selected">5</option>
        <option value="6">6</option>
        <option value="7">7</option>
      </select></div>
      <div>
        <input type="checkbox" name="f" value="8" id="f" />
      </div>
      <div>
        <input type="submit" name="g" value="Submit" id="g" />
      </div>
    </form>
    <script type="text/javascript">
    jQuery(function($){
    $('form').submit(function() {
       var queryString=($(this).serialize());
      window.location.href=window.location.href+'?'+queryString;
    });
    });
    </script>
    </body>
    </html>
      

  5.   

    function showName()
    {
        alert("Hello Jerry");
    }
    <a href="javascript:showName()">测试</a>算是个提示吧，其他的咱自己写吧？