Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如果选择了该选项,则更改变量_Jquery_Html - Fatal编程技术网

Jquery 如果选择了该选项,则更改变量

Jquery 如果选择了该选项,则更改变量,jquery,html,Jquery,Html,所以我得到了一个id为mySelect的选择器 <select name="mySelect" id="mySelect"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> jquery代码不正确,我似乎无法修复它。更改

所以我得到了一个id为mySelect的选择器

<select name="mySelect" id="mySelect">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>      
</select>

jquery代码不正确,我似乎无法修复它。

更改事件应该在
select
元素上,而不是在
选项:selected
上,请尝试以下操作:

var color; 
$('#mySelect').change(function(){ 

    if($(this).val() == '1') {
        color = "#000080";//<- Needs to be a string  
        return color;
    }
});

更改事件应该在
选择
元素上,而不是在
选项:已选择
上,请尝试以下操作:

var color; 
$('#mySelect').change(function(){ 

    if($(this).val() == '1') {
        color = "#000080";//<- Needs to be a string  
        return color;
    }
});

更改事件应该在
选择
元素上,而不是在
选项:已选择
上,请尝试以下操作:

var color; 
$('#mySelect').change(function(){ 

    if($(this).val() == '1') {
        color = "#000080";//<- Needs to be a string  
        return color;
    }
});

更改事件应该在
选择
元素上,而不是在
选项:已选择
上,请尝试以下操作:

var color; 
$('#mySelect').change(function(){ 

    if($(this).val() == '1') {
        color = "#000080";//<- Needs to be a string  
        return color;
    }
});

将其更改回“选择标记”

$('#mySelect').change(..  //also change your id
将其更改回“选择标记”

$('#mySelect').change(..  //also change your id
将其更改回“选择标记”

$('#mySelect').change(..  //also change your id
将其更改回“选择标记”

$('#mySelect').change(..  //also change your id
试试这个

var color; 
$('#mySelect').change(function(){ 

  switch($(this).val()) {
    case "1": color = "#000080";break;
    case "2": color = "#FF0080";break;
    case "3": color = "#EE0080";break;
  }
  alert(color);
});
试试这个

var color; 
$('#mySelect').change(function(){ 

  switch($(this).val()) {
    case "1": color = "#000080";break;
    case "2": color = "#FF0080";break;
    case "3": color = "#EE0080";break;
  }
  alert(color);
});
试试这个

var color; 
$('#mySelect').change(function(){ 

  switch($(this).val()) {
    case "1": color = "#000080";break;
    case "2": color = "#FF0080";break;
    case "3": color = "#EE0080";break;
  }
  alert(color);
});
试试这个

var color; 
$('#mySelect').change(function(){ 

  switch($(this).val()) {
    case "1": color = "#000080";break;
    case "2": color = "#FF0080";break;
    case "3": color = "#EE0080";break;
  }
  alert(color);
});
您需要这个:

$(函数()
{$('#mySelect').on('change',function(){if($(this.val()==1){/*dostuff here*/}};})

现场演示:

您需要:

$(函数()
{$('#mySelect').on('change',function(){if($(this.val()==1){/*dostuff here*/}};})

现场演示:

您需要:

$(函数()
{$('#mySelect').on('change',function(){if($(this.val()==1){/*dostuff here*/}};})

现场演示:

您需要:

$(函数()
{$('#mySelect').on('change',function(){if($(this.val()==1){/*dostuff here*/}};})


现场演示:

您所说的其中一个选项是什么意思。默认情况下,第一个选项被选择用于下拉。我想扩展它,当选择选项2时,会指定另一种颜色。您所说的其中一个选项是什么意思。默认情况下,第一个选项被选择用于下拉。我想扩展它,当选择选项2时,会指定另一种颜色。您所说的其中一个选项是什么意思。默认情况下,第一个选项被选择用于下拉。我想扩展它,当选择选项2时,会指定另一种颜色。您所说的其中一个选项是什么意思。默认情况下,第一个选项是下拉选择。我想扩展它,当选择选项2时,另一种颜色被分配。太棒了!非常感谢您提供的解决方案和信息。太棒了,太棒了!非常感谢您提供的解决方案和信息。太棒了,太棒了!非常感谢您提供的解决方案和信息。太棒了,太棒了!非常感谢您提供的解决方案和信息。帮了大忙。