如何获取select标签的内容
2017-01-11 16:36
375 查看
转载本文,仅用于收藏。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="jquery/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
$(function(){
$('#lev').change(function(){
$('#lev2').html('<option value="1" lev2="1">1</option><option value="2" lev2="2">2</option><option value="3" lev2="3">3</option><option value="4" lev2="4">4</option><option value="5" lev2="5">5</option>');
alert($('#lev').find('option:selected').attr('value'));
$('#lev').find('option:selected').attr('selected', 'selected');
});
$('#lev2').change(function(){
alert($('#lev2').find('option:selected').attr('lev2'));
$('#lev2').find('option:selected').attr('selected', 'selected');
});
})
</script>
</head>
<body>
<select id="lev">
<option value="1" lev="1">1</option>
<option value="2" lev="2">2</option>
<option value="3" lev="3">3</option>
<option value="4" lev="4">4</option>
<option value="5" lev="5">5</option>
</select>
<select id="lev2">
</select>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="jquery/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
$(function(){
$('#lev').change(function(){
$('#lev2').html('<option value="1" lev2="1">1</option><option value="2" lev2="2">2</option><option value="3" lev2="3">3</option><option value="4" lev2="4">4</option><option value="5" lev2="5">5</option>');
alert($('#lev').find('option:selected').attr('value'));
$('#lev').find('option:selected').attr('selected', 'selected');
});
$('#lev2').change(function(){
alert($('#lev2').find('option:selected').attr('lev2'));
$('#lev2').find('option:selected').attr('selected', 'selected');
});
})
</script>
</head>
<body>
<select id="lev">
<option value="1" lev="1">1</option>
<option value="2" lev="2">2</option>
<option value="3" lev="3">3</option>
<option value="4" lev="4">4</option>
<option value="5" lev="5">5</option>
</select>
<select id="lev2">
</select>
</body>
</html>
相关文章推荐
- HTML <select>标签如何获取里面的内容
- 【phpcms-v9】如何通过{pc}标签获取全站文章内容?
- js如何获取select下拉框的value以及文本内容
- 获取select标签的文本内容以及Value值
- HTML select标签 获取选中的option的value及Text内容
- select标签 获取选中的option的value及Text内容
- JQuery 获取多个select标签option的text内容
- 关于java 获取 html select标签 下拉框 option 文本内容 隐藏域
- 用jquery如何获取select元素中当前选择的文本内容
- 如何利用jquery获取下拉框中所选的内容以及select里value的使用
- html的<select>标签,如何获取当前选中的项的内容呢?
- 如何用JavaScript获取<div>*</div>标签中内容& 内容添加
- JSP中如何获取select标签选中的值
- 获取select标签的文本内容以及Value值
- js如何获取select下拉框的value以及文本内容
- [thml]HTML select标签 获取选中的option的value及Text内容
- js如何获取select下拉框的value以及文本内容
- JQuery 获取多个select标签option的text内容(实例)
- 如何让TinyMCE Advanced编辑器去除换行增加的P标签并获取内容值
- phpcms-v9 --- 如何通过{pc}标签获取全站文章内容?