如何在输入时单击 select li 元素

Question

当 i select 列出时，在输入中输入输入值。 只有 javascript 有问题。 javascript 代码如果编写正确，output 运行可靠。

My Table:
---------------------------
   Brand      |    Color  
---------------------------
   Apple      |    White  
---------------------------
   Sony       |    Black  
---------------------------

My Out:
---------------------------
   Apple       |    Black  
---------------------------

我的HTML和Javascript如下：

<ul class="list-brand">
   <li data-txt="Apple">Apple</li>
   <li data-txt="Sony">Sony</li>
</ul>
<input class="type brand" value="Brand" type="text">

<ul class="list-color">
  <li data-txt="White">White</li>
  <li data-txt="Black">Black</li>
</ul>
<input class="type color" value="Color" type="text">

$('ul li').click(function() {
  $(this).toggleClass('active').siblings().removeClass('active');
  $('.type').val( $(this).attr('data-txt') )
});

Answer 1

.val( $(this).hasClass('active') ? $(this).attr('data-txt') : '' )