Question

很抱歉这样的初学者，但我花了几天时间试着找到答案，现在我觉得你的专业知识是必要的。

我尝试做类似＆＃34;如果我点击li，那么用li写的文本会显示在搜索框中（ID＆＃39; #input＃）并自动启动请求。＆＃ 34;

我的脚本工作正常，但请求/搜索未启动。我在流程的最后一步阻止了。

非常感谢你的帮助。

HTML

<ul id="test">
  <li>Hello world</li>
  <li>Hello world 2</li>
</ul>

Javascript，JQuery

<script type="text/javascript">
$(document).ready(function(){
    $("#test li").click(function (){
        varindex = $(this).text();
        $('#input').val("Text is in the search box!"+" "+varindex);
    });
});
</script>

<script type="text/javascript">
$(document).ready(function(){
    $("#test li").click(function (){
        $('#input').focus();
        $('#input').trigger(jQuery.Event('key', {which: 13}));
    });
}); 
</script>

Answer 1

这有效：

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js"></script>
<script>
$(document).ready( function () {
   $('#test li').click ( function () {
      $('#input').attr("value", $(this).text ());
      $('#myform').submit ();
   });
});
</script>
</head>
<body>
<ul id="test">
<li>    Hello world </li>
<li>    Hello world 2   </li>
</ul>
<form id="myform" action="xxx.yyy.zz" method="get">
<input id="input" name="myinput" type="text" />
</form>
</body>

jQuery Focus（）和自动键盘（）

1 个答案: