有必要value input id="id_clients-name"
通过单击值option
来传递(我将其用作隐藏字段,也许有更好的选择?)。怎么做?datalist
title
$(document).ready(function() {
$('#ajax_phone_{{ widget.name }}').on('change', function() {
$('#id_clients-name').val($('#' + $(this).attr('list')).find('option[title="' + $(this).title() + '"]').text());
});
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" name="clients-name" class="form-control" autocomplete="off" maxlength="150" id="id_clients-name">
<input id="ajax_phone_clients-phone" list="clients-phone" name="clients-phone" value="+7" required="" autocomplete="off" placeholder="Введите название...">
<datalist id="clients-phone">
<option value="32" title="Egor">+79121234567</option>
<option value="31" title="eg">+79216840525</option>
<option value="28" title="SomeText">+79211234567</option>
</datalist>
stackoverflow 上有很多选项,其中之一是: