标题似乎令人困惑,但我想做的是......
我知道只有当用户选择新选项时才能处理 - $('select').change(function(){}).`
但是如果用户想要选择已经选择的选项则不行.
我也尝试过radio同样的事情.
好吧,例如我有一个选项(红色,蓝色,绿色).
<select>
<option value="red">RED</option>
<option value="blue">BLUE</option>
<option value="green">GREEN</option>
</select>
Run Code Online (Sandbox Code Playgroud)
我有这个脚本:
$('select').change(function(){
var val = $(this).val();
alert(val);
});
Run Code Online (Sandbox Code Playgroud)
当我选择"蓝色"选项时,它会提示"蓝色"值,然后我选择"绿色",它也会提醒"绿色".但当我再次选择"绿色"时,没有任何反应.
如何从ReactJS中的下拉列表中选择一个选项时触发事件.目前我正在使用,onChange但即使再次选择相同选项,我也需要触发事件.
当前代码:
<select name="select1" onChange={this.onChangeOption}>
<option value='A'>Please select A...</option>
<option value='B'>Please select B...</option>
<option value='C'>Please select C...</option>
<option value='D'>Please select D...</option>
</select>
Run Code Online (Sandbox Code Playgroud)
我甚至尝试添加onClick处理程序到选项,但是不会点击选项,因为它只适用于元素.
我知道有一些解决方案使用jquery通过将click事件与option元素绑定,但需要在React中使用解决方案.不想只为这个要求包含jQuery.