ajax在html中获取选项值的文本

时间:2016-07-14 06:03:08

标签: javascript jquery html ajax

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

 <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。

2 个答案:

答案 0 :(得分:2)

尝试使用jquery select name, salary from employee where salary = 8000 union all select * from ( -- get the highest salary that is lower then 8000 select name, salary from employee where salary < 8000 order by salary desc limit 1 ) t union all select * from ( -- get the smallest salary that is higher then 8000 select name, salary from employee where salary > 8000 order by salary limit 1 ) t order by salary; 函数获取val元素的value,以及设置option元素的value

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

答案 1 :(得分:0)

要获得必须使用的值

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

如果您想获得选项文本,您必须使用:

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

如果你想把这个值放在其他输入中,你就不能使用Ajax,只需

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