0

我正在尝试单击一个 LI，并将该 li 的值发送到搜索框输入作为要搜索的值。

我可以从 LI 中剥离类，但不知道如何剥离 LI 本身。我可能完全错了。

$(function(){
//var art = $('li.inliner').val();
$('li.inliner').on('click',function(){// select the artist from the ul
$( this ).clone() //copy it
.removeClass("inliner") //remove the inliner class
//remove the li from the clone??
.appendTo( "input(value)?? ); //this needs to be inserted into the search input as the value
  });
})

目前我可以将点击的 LI 发送到删除类的 div，但它仍然是一个 LI。我也不知道如何使它成为输入值。任何帮助表示赞赏。

4

2 回答 2

3

如果我以正确的方式得到它，你可以尝试类似的东西

$(function(){
//WHEN YOU CLICK THE ELEMENT..
$('li.inliner').on('click',function(){
//GET THE TEXT INSIDE THAT SPECIFIC LI
var content= $(this).text();
//PLACE THE TEXT INSIDE THE INPUT FIELD, YOU CAN CHANGE YOUR SELECTOR TO TARGET THE RIGHT INPUT
$('input[name='MySearchBox']').val(content);
//HERE YOU CAN DO SOMETHING ELSE LIKE SIBMITING THE FORM, OR CLICK A BUTTON.. OR SOMETHING ELSE
  });
});

我希望这是你需要的。我做了一个小例子，使用不同的选择器作为输入。希望这对你有用。

http://jsfiddle.net/kbFUu/1/

于 2013-08-08T02:39:28.150 回答
2

你想在你的代码中添加这样的东西：

$(document).ready(function(){
    // use event delegation to listen for '.inliner' clicks
    $('ul.liner').on('click', '.inliner', function(){
        // when an element is clicked, update the search box
        $('#art').attr('value', $(this).text())
    })
});
于 2013-08-08T02:45:08.093 回答