Javascript ajax以html格式获取选项值的文本
我有一个列出所有值的代码,我想写:Javascript ajax以html格式获取选项值的文本,javascript,jquery,html,ajax,Javascript,Jquery,Html,Ajax,我有一个列出所有值的代码,我想写: <option th:each = "iName : ${iNames}" th:value = "${iName}" th:text = "${iName}" th:selected="${selectedIName == iName}" 我有一个名为NameForTypeSearch的文本框,每当用户选择一个选项时,我想使用ajax在NameForTypeSearch中自动输入所选文本。我无法使用html。尝试使用jqueryval函数获取选项
<option th:each = "iName : ${iNames}" th:value = "${iName}" th:text = "${iName}" th:selected="${selectedIName == iName}"
我有一个名为
NameForTypeSearch
的文本框,每当用户选择一个选项时,我想使用ajax在NameForTypeSearch
中自动输入所选文本。我无法使用html。尝试使用jqueryval
函数获取选项
元素的值
,以及设置输入
元素的值
$('#sel').change(函数(){
$('#output').val($(this).find('option:selected').val());
});代码>
一个
两个
三
尝试使用jqueryval
函数获取选项
元素的值
,以及设置输入
元素的值
$('#sel').change(函数(){
$('#output').val($(this).find('option:selected').val());
});代码>
一个
两个
三
要获取您必须使用的值
$('#NameForSearch option:selected').val();
如果要获取选项文本,必须使用:
$('#NameForSearch option:selected').html();
如果你想把这个值放到其他输入中,你不能使用Ajax,只要
$('#output').val("valueToSet");
要获得值,必须使用
$('#NameForSearch option:selected').val();
如果要获取选项文本,必须使用:
$('#NameForSearch option:selected').html();
如果你想把这个值放到其他输入中,你不能使用Ajax,只要
$('#output').val("valueToSet");
因此,如果我在javascript中有函数setSelectedName(){$('#NameForSearch选项:selected').val(“NameForTypeSearch”)}
,并且执行onclick=“javascript:setSelectedName”它应该可以工作。但是当我执行此操作时,如果我单击选项列表,则不会发生任何事情。请尝试使用此侦听器:$(document)。on(“change”、“#NameForSearch”函数(){……});因此,如果我在javascript和do onclick=“javascript:setSelectedName”中有函数setSelectedName(){$('NameForSearch option:selected').val(“NameForTypeSearch”)}
,它应该可以工作。但是当我这样做时,如果我单击选项列表,什么都不会发生。请尝试使用此侦听器:$(document)。on(“change”,“\NameForSearch”,函数(){……});