Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.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
Javascript 识别所选下拉选项并向正文中添加代码_Javascript_Jquery - Fatal编程技术网

Javascript 识别所选下拉选项并向正文中添加代码

Javascript 识别所选下拉选项并向正文中添加代码,javascript,jquery,Javascript,Jquery,我使用这个jQuery来更改body上的一个属性,当我更改下拉选项时,它就会起作用。 但我需要的是,在已选择该选项时触发此事件 在此示例中,未添加属性: 但是,一旦我更改了选择选项,就会添加属性 E.g: <body produto="amarelo"> 当检测到该选项已被选中时,可以使用以下代码触发change事件。只要确保它是在你的变更声明之后 $('#pa_cor').change(function() { $('body').attr('produto', $(t

我使用这个jQuery来更改
body
上的一个属性,当我更改下拉选项时,它就会起作用。 但我需要的是,在已选择该选项时触发此事件

在此示例中,未添加属性:

但是,一旦我更改了选择选项,就会添加属性

E.g: <body produto="amarelo">

当检测到该选项已被选中时,可以使用以下代码触发
change
事件。只要确保它是在你的变更声明之后

$('#pa_cor').change(function() {
    $('body').attr('produto', $(this).val());
});

//trigger the change event
$('#pa_cor').trigger('change');

工作!完美的谢谢
$('#pa_cor').change(function() {
    $('body').attr('produto', $(this).val());
});
$('#pa_cor').change(function() {
    $('body').attr('produto', $(this).val());
});

//trigger the change event
$('#pa_cor').trigger('change');