通常我使用$(“#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>
当前回答
你考虑过使用普通的javascript吗?
var box = document.getElementById('aioConceptName');
conceptName = box.options[box.selectedIndex].text;
参见使用JavaScript获取一个选项文本/值
其他回答
试试这个
$(document).ready(function() {
$("#name option").filter(function() {
return $(this).val() == $("#firstname").val();
}).attr('selected', true);
$("#name").live("change", function() {
$("#firstname").val($(this).find("option:selected").attr("value"));
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
<select id="name" name="name">
<option value="">Please select...</option>
<option value="Elvis">Elvis</option>
<option value="Frank">Frank</option>
<option value="Jim">Jim</option>
</select>
<input type="text" id="firstname" name="firstname" value="Elvis" readonly="readonly">
$('#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();
使用jQuery，只需添加一个更改事件，并在该处理程序中获得选定的值或文本。
如果您需要选定的文本，请使用以下代码:
$("#aioConceptName").change(function () {
alert($("#aioConceptName :selected").text())
});
或者如果您需要选择的值，请使用以下代码:
$("#aioConceptName").change(function () {
alert($("#aioConceptName :selected").attr('value'))
});
试试这个价值…
$("select#id_of_select_element option").filter(":selected").val();
或者这个用于文本…
$("select#id_of_select_element option").filter(":selected").text();
