javascript - ajax获取html中选项值的文本

Question

我有一个列出所有值的代码，我想写:

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

我在 .js 文件中设置了 setSelectedName

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

我有一个名为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"/>