Rumah > hujung hadapan web > tutorial js > js获取select默认选中的Option并不是当前选中值_javascript技巧

js获取select默认选中的Option并不是当前选中值_javascript技巧

WBOY
Lepaskan: 2016-05-16 16:49:36
asal
1228 orang telah melayarinya

js函数方法:

复制代码 代码如下:

<script> <BR>function getDefaultSelectedOption(selectId, valIfNull) { <BR>var dom, selectId = selectId.replace(/^#/, ''), opts; <BR>try { <BR>opts = document.getElementById(selectId).getElementsByTagName('option'); <BR>for (var i in opts) { <BR>if (opts[i].defaultSelected) { <BR>dom = opts[i]; <BR>break; <BR>} <BR>} <BR>} catch (e) { <BR>} <BR>return dom||valIfNull; <BR>} <BR></script>

Demo:
复制代码 代码如下:




<script> <BR>function getDefaultSelectedOption(selectId, valIfNull) { <BR>var dom, selectId = selectId.replace(/^#/, ''), opts; <BR>try { <BR>opts = document.getElementById(selectId).getElementsByTagName('option'); <BR>for (var i in opts) { <BR>if (opts[i].defaultSelected) { <BR>dom = opts[i]; <BR>break; <BR>} <BR>} <BR>} catch (e) { <BR>} <BR>return dom||valIfNull; <BR>} <BR></script>
<script> <BR>document.getElementById('btn').onclick = function () { <BR>alert((getDefaultSelectedOption('sel1', {})).value); <BR>}; <BR></script>


不知道还有没有更方便快捷的方法,曾尝试通过jQuery获取$('#sel option[defaultSelected]'),可一直返回空。

各位园友,我要的是select控件初始化的值,非select当前选中的值,初始化的值不随select值改变,大家可以做一下Demo,当select值改变后,初始化的值是不会变的。
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan