Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/403.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ajax以html格式获取选项值的文本_Javascript_Jquery_Html_Ajax - Fatal编程技术网

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。

尝试使用jquery
val
函数获取
选项
元素的
,以及设置
输入
元素的

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

一个
两个
三

尝试使用jquery
val
函数获取
选项
元素的
,以及设置
输入
元素的

$('#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”,函数(){……});