通常我使用$(“#id”).val()来返回所选选项的值，但这一次它不起作用。 所选标记的id为aioConceptName
html代码
<label for="name">Name</label>
<input type="text" name="name" id="name" />
<label for="aioConceptName">AIO Concept Name</label>
<select id="aioConceptName">
<option>choose io</option>
<option>roma</option>
<option>totti</option>
</select>
当前回答
试试这段代码::)
得到的值:
$("#Ostans option:selected").val() + '.' + $("#shahrha option:selected").val()
得到文本:
$("#Ostans option:selected").text() + '.' + $("#shahrha option:selected").text()
其他回答
你可以这样调试:
console.log($('#aioConceptName option:selected').val())
读取select对象的值(而不是文本):
var status = $("#Status").val();
var status = $("#Status")[0].value;
var status = $('#Status option:selected').val();
如何禁用选择? 在这两个变量中，value可以使用以下命令更改:
A
用户无法与下拉菜单进行交互。他不知道还有什么其他选择。
$('#Status').prop('disabled', true);
B
用户可以在下拉菜单中看到选项，但所有选项都是禁用的:
$('#Status option').attr('disabled', true);
在这种情况下，$("#Status").val()只适用于小于1.9.0的jQuery版本。所有其他变体都可以工作。
如何更新一个禁用的选择?
从后面的代码中，您仍然可以更新您选择的值。仅对用户禁用:
$("#Status").val(2);
在某些情况下，你可能需要触发事件:
$("#Status").val(2).change();
试试这段代码::)
得到的值:
$("#Ostans option:selected").val() + '.' + $("#shahrha option:selected").val()
得到文本:
$("#Ostans option:selected").text() + '.' + $("#shahrha option:selected").text()
这里有一个简单的解决方案。
$("select#aioConceptName").change(function () {
var selectedaioConceptName = $('#aioConceptName').find(":selected").val();;
console.log(selectedaioConceptName);
});
你考虑过使用普通的javascript吗?
var box = document.getElementById('aioConceptName');
conceptName = box.options[box.selectedIndex].text;
参见使用JavaScript获取一个选项文本/值
