问:
我的印象是,我可以通过执行此 $(this).val(); 并将 onchange 参数应用于选择字段来获取选择输入的值。
它似乎只有在我引用 ID 时才有效。
我该如何使用它。
答1:
huntsbot.com汇聚了国内外优秀的初创产品创意,可按收入、分类等筛选,希望这些产品与实践经验能给您带来灵感。
尝试这个-
$(‘select’).on(‘change’, function() { alert( this.value ); }); 一个 option> 两个
您还可以参考 onchange 事件-
函数getval(sel){警报(sel.value); } 一个 两个
我知道这已经很晚了,但是如果您使用键盘(制表符)导航表单并使用向上/向下箭头从下拉列表中进行选择,则 FireFox (22.0) 不会触发更改事件。您需要另外为 FireFox 绑定按键。附加信息:jQuery 1.10.2 使用语法 $('select').on('change', function(){ /* do seomthing */ });
让我们continue this discussion in chat。
答2:
huntsbot.com高效搞钱,一站式跟进超10+任务平台外包需求
我的印象是我可以通过这样做 $(this).val(); 来获得选择输入的值;
如果您订阅不显眼(这是推荐的方法),则此方法有效:
$('#id_of_field').change(function() {
// $(this).val() will work here
});
如果您使用 onselect 并将标记与脚本混合,则需要传递对当前元素的引用:
onselect="foo(this);"
接着:
function foo(element) {
// $(element).val() will give you what you are looking for
}
答3:
保持自己快人一步,享受全网独家提供的一站式外包任务、远程工作、创意产品订阅服务–huntsbot.com
这对我有帮助。
对于选择:
$('select_tags').on('change', function() {
alert( $(this).find(":selected").val() );
});
对于单选/复选框:
$('radio_tags').on('change', function() {
alert( $(this).find(":checked").val() );
});
答4:
huntsbot.com聚合了超过10+全球外包任务平台的外包需求,寻找外包任务与机会变的简单与高效。
尝试事件委托方法,这几乎适用于所有情况。
$(document.body).on('change',"#selectID",function (e) {
//doStuff
var optVal= $("#selectID option:selected").val();
});
答5:
一个优秀的自由职业者,应该有对需求敏感和精准需求捕获的能力,而huntsbot.com提供了这个机会
$('#select_id').on('change', function()
{
alert(this.value); //or alert($(this).val());
});
Option 1
Option 2
Option 3
Option 4
答6:
huntsbot.com高效搞钱,一站式跟进超10+任务平台外包需求
箭头函数的作用域与函数不同,this.value 将给出未定义的箭头函数。修复使用
$('select').on('change',(event) => {
alert( event.target.value );
});
答7:
HuntsBot周刊–不定时分享成功产品案例,学习他们如何成功建立自己的副业–huntsbot.com
您可以试试这个(使用 jQuery)-
$(‘select’).on(‘change’, function() { alert( this.value ); }); 选项1< /option> 选项 2 选项 3 选项 4
或者你可以像这样使用简单的 Javascript -
函数 getNewVal(item) { alert(item.value); } 选项 1 选项 2 选项3 选项4
一个优秀的自由职业者,应该有对需求敏感和精准需求捕获的能力,而huntsbot.com提供了这个机会
答8:
huntsbot.com – 程序员副业首选,一站式外包任务、远程工作、创意产品分享订阅平台。
$('#select-id').change(function() {
console.log($(this).val());
});
如果有人还需要获取选项的文本,这里是 $(this).find('option:selected').text();
答9:
huntsbot.com洞察每一个产品背后的需求与收益,从而捕获灵感
对于所有选择,调用此函数。
$('select').on('change', function()
{
alert( this.value );
});
只有一个选择:
$('#select_id')
答10:
huntsbot.com聚合了超过10+全球外包任务平台的外包需求,寻找外包任务与机会变的简单与高效。
jQuery使用更改事件获取选择html元素的值
For Demo & More Example
$(document).ready(function () { $(‘body’).on(‘change’,‘#select_box’, function() { $(‘#show_only’).val(this.value); }) ; }); jQuery Select OnChnage 方法 </脚本> 选择一个 一个 二 三 四 五 < br>
答11:
HuntsBot周刊–不定时分享成功产品案例,学习他们如何成功建立自己的副业–huntsbot.com
这对我有用。没有运气就尝试了其他所有方法:
<html>
<head>
<title>Example: Change event on a select</title>
<script type="text/javascript">
function changeEventHandler(event) {
alert('You like ' + event.target.value + ' ice cream.');
}
Choose an ice cream flavor:
chocolate
strawberry
vanilla
取自 Mozilla
huntsbot.com高效搞钱,一站式跟进超10+任务平台外包需求
原文链接:https://www.huntsbot.com/qa/7lRM/jquery-get-value-of-select-onchange?lang=zh_CN&from=csdn
打造属于自己的副业,开启自由职业之旅,从huntsbot.com开始!