Аякса получить текст значения параметра в HTML

Question

У меня есть код, который перечислить все значения, я хочу написано:

<option th:each = "iName : ${iNames}" th:value = "${iName}" th:text = "${iName}" th:selected="${selectedIName == iName}" 

и я setSelectedName в мой .js файл

function setSelectedName() { 
$('#NameForTypeSearch').ready(function() { 
    $("#NameForSearch").change(function(){ 
     $.ajax({ 
      type: 'POST', 
      data: {keyname:$('#NameForSearch option:selected').text()} 
     }); 
    }); 
}); 

I есть текстовое поле с именем NameForTypeSearch и каждый раз, когда пользователь выбирает параметр, я хочу использовать ajax для автоматического ввода, выделенный текст в NameForTypeSearch. Я не могу работать над своим html.

Answer 1

Попробуйте использовать функцию JQuery val, чтобы получить value от option элемента, а также установить value из input элемента.

$('#sel').change(function(){ 
 
    $('#output').val($(this).find('option:selected').val()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="sel"> 
 
<option value="1">One</option> 
 
<option value="2">Two</option> 
 
<option value="3">Three</option> 
 
</select> 
 
<input type="text" id="output"/>

Answer 2

Чтобы получить значение, которое вы должны использовать

$('#NameForSearch option:selected').val(); 

Если вы хотите получить текст опции вы должны использовать:

$('#NameForSearch option:selected').html(); 

если вы хотите поставить это значение в другом вводе вы не должны использовать Ajax, только

$('#output').val("valueToSet");