Question

我已经拥有了由jquery autocomplete创建的product_name值。但我无法获得productName的全部价值。

示例Hello World

当我在输入中键入地狱并在产品名称输入字段中单击Hello World时。我只是得到了我输入的地狱的价值。我想获得productname的全部价值。

HTML

<tbody id="row_container">

<tr>
    <td>
        <select name="product_type" class="product_type">
            <option value="custom">Custom</option>
            <option value="tour_package">Tour</option>
            <option value="nontour_product">Generic</option>

        </select>    
    </td>
    <td><input name='product_name' id='product_name' class='product_name'/></td>
    <td><input name='description' id='description' class='description'/></td>

</tr>

jquery的

$('#row_container').on('click','.product_name', function(){ 
        var productName = $(this).val();
        console.log(productName);

});

Answer 1

我不知道您正在使用哪个自动完成库。在此演示中我使用的是typeahead.js。希望你觉得它很有用。

$(document).ready(function(){
  $('#row_container').on('click','.product_name', function(){ 

        var productName = $(this).val();
        console.log(productName);

});
$('input.product_name').typeahead({
      name: 'products',
      local: ["apple", "orange","ball","cat"]
});
});

演示：http://plnkr.co/edit/31SdsF2FqoMBl4ZKi827?p=preview

Answer 2

你是否正确关闭了表格标签？

</tbody></table>

它适用于我：http://jsfiddle.net/hB6kg/1/

如何使用其他输入的更改值获取jquery自动完成的值

2 个答案: