如何在jquery的选择下拉列表中获取选项文本
How to get options text in select dropdown in jquery
在这里,我需要从选择下拉列表中获取选项文本并执行一些操作。但是,我不知道我错过了哪里。我正在获得两个选项文本。这是我尝试过的。
$('#sel').change(function(){
alert($(this).val());
temp = $('#sel option:selected').text();
alert("temp value " +temp);
if(temp = "Option 1")
{
alert("Option 1 is selected");
//DO SOME OPERATIONS
}
if(temp = "Option 2")
{
alert("Option 2 is selected");
//DO SOME OPERATIONS
}
}).change();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select name="sel" id="sel">
<option value="1">Option 1</option>
<option value="2">Option 2</option
<option value="3">Option 3</option
</select>
JS 小提琴
temp = "Option 1" 是错误的表达式
或 temp === "选项 1" 是正确的表达式
见下文
$('#sel').change(function(){
alert($(this).val());
temp = $('#sel option:selected').text();
alert("temp value " +temp);
if(temp === "Option 1")
{
alert("Option 1 is selected");
//DO SOME OPERATIONS
}
if(temp === "Option 2")
{
alert("Option 2 is selected");
//DO SOME OPERATIONS
}
}).change();
js fiddle
$('#sel').change(function(){
alert($(this).val());
temp = $('#sel option:selected').text();
alert("temp value " +temp);
if(temp == "Option 1")
{
alert("Option 1 is selected");
}
if(temp == "Option 2")
{
alert("Option 2 is selected");
}
});
您在两个地方缺少>
:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select name="sel" id="sel">
<option value="1">Option 1</option>
<option value="2">Option 2</option> <!-- here -->
<option value="3">Option 3</option> <!--and here -->
</select>
您使用了赋值运算符。它应该是==
而不是=
.
if (temp == "Option 1") {
alert("Option 1 is selected");
}
if (temp == "Option 2") {
alert("Option 2 is selected");
}
在此处查看更新的小提琴。
试试这样 -
目录 -
<select id='job_title'>
<option value='' class='job' role=''>- Select -</option>
<option value='1' class='job1' role='Accountant'>Accountant</option>
<option value='2' class='job2' role='Dev. Support'>Dev. Support</option>
</select>
<br />
<input type='text' id='catch_value'>
j查询 -
$('#job_title').live('change', function(){
var m = (this.value);
var n = $('.job'+m).attr('role');
$('#catch_value').val(n);
return false;
});
例如 - 小提琴链接
$('#sel').change(function(){
var temp = this[this.selectedIndex].innerHTML;
if(temp == "Option 1") {
alert("Option 1 is selected");
}
if(temp == "Option 2") {
alert("Option 2 is selected");
}
if(temp == "Option 3") {
alert("Option 3 is selected");
}
});
此外,将此<option selected disabled>Options:</option>
添加到您的选择框中,以便为事件提供所有选项。
演示
您的比较运算符不正确,它应该是
temp == "Option 1"
不
temp = "Option 1"
小提琴
此外,如果您不希望代码在页面加载时执行,则应在函数末尾删除.change();
。
相关文章:
- 如何在不需要单击按钮的情况下获取选项的值
- 在Select-HTML中获取选项的值
- 从Javascript中的Chrome扩展获取选项卡url
- 使用 CasperJS 从下拉框中获取选项值
- 如何在 JavaScript 中实现用于设置和获取选项的非 CQS API
- 当文档已知时,我们如何获取选项卡元素
- 如何在jquery的选择下拉列表中获取选项文本
- Jquery 获取选项卡以在活动时添加类
- 在部分包含选项后获取选项结束标记数组
- 在下拉列表的当前选定选项之前获取选项的文本
- 通过它在Jquery中的值获取选项 HTML
- 当验证在 laravel 5 中返回 false 时,如何获取选项值的名称
- 在表单中获取选项值,然后在 url 中使用它
- 获取选项 从其他选项中选择名称 选择不带表单标记的名称
- 从 URL 获取选项值,以显示下拉列表中的特定菜单项
- 根据其他元素获取选项值
- 如何根据选项文本获取选项索引
- 在firefox中获取选项卡导航事件
- 在没有类/ID的情况下单击即可获取选项值
- 获取选项's的更改值