Javascript 如何在jquery的select下拉列表中获取选项文本
在这里,我需要从选择下拉列表中获取选项文本并执行一些操作。但是,我不知道我错过了什么。我得到两个选项文本。 这是我试过的 $'sel'.changefunction{ 警报$this.val; temp=$“选择选项:已选定”。文本; 警报温度值+温度; iftemp=选项1 { 选择报警选项1; //做一些手术 } iftemp=选项2 { 选择报警选项2; //做一些手术 } }.改变; 选择1 选择2Javascript 如何在jquery的select下拉列表中获取选项文本,javascript,jquery,html,Javascript,Jquery,Html,在这里,我需要从选择下拉列表中获取选项文本并执行一些操作。但是,我不知道我错过了什么。我得到两个选项文本。 这是我试过的 $'sel'.changefunction{ 警报$this.val; temp=$“选择选项:已选定”。文本; 警报温度值+温度; iftemp=选项1 { 选择报警选项1; //做一些手术 } iftemp=选项2 { 选择报警选项2; //做一些手术 } }.改变; 选择1 选择2 您的比较运算符不正确,应该是 temp == "Option 1" 不是 你也应该移
您的比较运算符不正确,应该是
temp == "Option 1"
不是
你也应该移除。改变;如果您不希望代码在页面加载时执行,请在函数末尾执行。您缺少两个位置:
<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>
您使用了赋值运算符。它应该是==而不是= 试着这样- Html-
<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'>
例如-temp=Option 1是一个错误的表达式 temp==选项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();
还要将此选项:添加到选择框中,以使所有选项都可用于事件
$'sel'.changefunction{alert$'sel option:selected'.text;};您的代码在语法上是错误的选项not closed。在jQuery代码中,您是temp中的asign值,而不是将值与temp进行比较。
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'>
$('#job_title').live('change', function(){
var m = (this.value);
var n = $('.job'+m).attr('role');
$('#catch_value').val(n);
return false;
});
$('#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();
$('#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");
}
});