这篇文章主要围绕Javascript-我们能否使用jquery“动态选项值”获得选择菜单的选择文本展开，旨在为您提供一份详细的参考资料。我们将全面介绍Javascript-我们能否使用jquery“动
这篇文章主要围绕Javascript-我们能否使用jquery“动态选项值”获得选择菜单的选择文本展开，旨在为您提供一份详细的参考资料。我们将全面介绍Javascript-我们能否使用jquery“动态选项值”获得选择菜单的选择文本，同时也会为您带来javascript – jQuery Mobile：禁用其他选择菜单中的选定选项、javascript – jquery’属性包含’具有动态值的选择器、javascript – jQuery在选择选项时显示文本框、javascript – jQuery如何选择第一个非隐藏的选择选项的实用方法。
本文目录一览：- Javascript-我们能否使用jquery“动态选项值”获得选择菜单的选择文本
- javascript – jQuery Mobile：禁用其他选择菜单中的选定选项
- javascript – jquery’属性包含’具有动态值的选择器
- javascript – jQuery在选择选项时显示文本框
- javascript – jQuery如何选择第一个非隐藏的选择选项
Javascript-我们能否使用jquery“动态选项值”获得选择菜单的选择文本
这个问题已经在这里有了答案： > Get selected text from a drop-down list (select box) using jQuery 31个
我想显示下降值文本,但问题是这些值是动态的,什么是正确的处理方法,现在只有id值出现.
<div>
<selectid="joblocation" name="joblocation">
<option value="0">Select Job Location</option>
<?PHP $City = $conn->query("SELECT * FROM tbl_cities ORDER BY city_pid ASC");
while ($Cityresult = $City->fetch_assoc()) {?>
<option value="<?PHP echo $Cityresult['city_pid']; ?>"> <?PHP echo $Cityresult['city_name']; ?> </option>
<?PHP } ?>
</select>
</div>
和脚本：
var joblocation = $('#joblocation').find(":selected").text();
$("#joblocation1").html(joblocation);
我想在这里显示下拉选择的文本：
<span id="joblocation1"> </span>
解决方法:
试试下面的代码：
//This is for debugging and will show you the selected option object in console
console.info($("#joblocation option:selected") );
$("#joblocation1").html($("#joblocation option:selected").text() );
javascript – jQuery Mobile：禁用其他选择菜单中的选定选项
我的jQuery移动页面上有三个选择菜单.如果用户选择了一个选项,我希望在其他选择菜单中禁用此选项.
到目前为止,我已设法在select元素中禁用该选项,但不在选项弹出窗口中禁用.用户仍然可以在弹出窗口中选择一个选项,但我想阻止这一点.
这是我的小提琴：
http://jsfiddle.net/asvyY/57/
我的代码：
HTML：
<div data-role="page" id="page1">
<div data-role="header">
<h1>My page</h1>
</div>
<div role="main">
<form>
<selectdata-native-menu="false">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<selectdata-native-menu="false">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<selectdata-native-menu="false">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</form>
</div>
</div>
我的JS：
$('.filter-menu').on('change', function() {
var $changedSelect = $(this);
var selectedId = $(this).val();
$('.filter-menu').not($changedSelect).each(function() {
$(this).find('option[value=' + selectedId + ']').attr('disabled', 'disabled')
});
});
解决方法:
解：
http://jsfiddle.net/asvyY/59/
$('.filter-menu').on('change', function () {
$('.filter-menu').find('option').prop('disabled', false);
$('.filter-menu').each(function () {
$('.filter-menu').not(this).find('option[value="' + this.value + '"]').prop('disabled', true);
});
// rebuild select menus
$('select').selectmenu('refresh', true);
});
重建选择菜单是必要的,因为它是jQuery Mobile.
javascript – jquery’属性包含’具有动态值的选择器
例如,这适用于非动态值,
$("tr[id*='quiz_question_7674']")
但是,我无法弄清楚如何在那里插入变量值.这不适用于例如：
questionId = 7674;
$("tr[id*='quiz_question_'+questionId]")
任何人的想法？有没有比“属性包含”更好的方法来做到这一点？我感觉我错过了一些明显的东西.
谢谢,最大
编辑 – 已解决.啊,我确实错过了一些明显的东西.我一直忘记它只是一个字符串,仅此而已：
$(“tr [id * =’quiz_question_”questionId“’]”)
解决方法
var questionId = 7674;
$("tr[id*='quiz_question_" + questionId + "']");
笔记：
>请使用var来声明变量.> questionId是一个变量.它不是选择器的一部分.您应该将questionId连接到字符串.
javascript – jQuery在选择选项时显示文本框
<select> <option value="Type 1">Type 1</option> <option value="Type 2">Type 2</option> <option value="Type 3">Type 3</option> <option value="Other">Other</option> </select> <input type="text" id="other" />
我想要做的是使用jQuery默认隐藏下面的文本框,然后在用户从下拉列表中选择其他选项时显示它.
解决方法
$('#sel').change(function() {
var selected = $(this).val();
if(selected == 'Other'){
$('#other').show();
}
else{
$('#other').hide();
}
});
javascript – jQuery如何选择第一个非隐藏的选择选项
<select id="s1">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
$('#s1 option[value=1]').hide();
$('#s1').val('');
此代码背后的想法是在隐藏一些选项(包括当前选定的选项)后选择第一个非隐藏选项.
从jQuery 1.10开始$(‘#s1’).val(”);不再选择第一个非隐藏选项,而.val(<特定选择框的某个适当值>)可以正常工作.
尝试以下方法没有帮助,因为selectedindex和.first().val()都考虑隐藏选项：
$(“#s1”).prop(“selectedindex”,0);
$(‘#s1 option’).first().prop(‘selected’,true);
我想到的下一件事(也由C-link建议)也不起作用,因为：visible选择器对选择选项不起作用.
$(‘#s1选项：可见’).first().prop(‘selected’,true);
寻找一些通用方法(不依赖于知道什么是特定值以及隐藏了哪些选项)来实现与$(‘#s1’)相同的行为.val(”);在旧的jQuery中.
解决方法
$('#s1').find("option:not(:hidden):eq(0)");
今天关于Javascript-我们能否使用jquery“动态选项值”获得选择菜单的选择文本的介绍到此结束，谢谢您的阅读，有关javascript – jQuery Mobile：禁用其他选择菜单中的选定选项、javascript – jquery’属性包含’具有动态值的选择器、javascript – jQuery在选择选项时显示文本框、javascript – jQuery如何选择第一个非隐藏的选择选项等更多相关知识的信息可以在本站进行查询。
本文标签：
