Javascript代码$("#select1").append($('<option>', {value: "opt1", text: "opt1"));给select标签添加option标签的同时,如何给option子标签添加data-hiddenvalue属性
时间: 2023-07-19 15:31:49 浏览: 46
可以将`data-hiddenvalue`属性添加到`option`标签的`attributes`对象中,例如:
```
$("#select1").append($('<option>', {
value: "opt1",
text: "opt1",
attributes: {
"data-hiddenvalue": "hidden value"
}
}));
```
这样就可以给`option`子标签添加`data-hiddenvalue`属性了。
相关问题
2.在下面的代码中,当第一个下拉框中的值发生变化时,第二个下拉框中的内容随之变化如省市的两级下拉框,当选择第一个下拉框是河北时,第二个下拉框是河北下面的市区(如张家口市、保定市、石家庄市),当改变第一个下拉框选择山东时,第二个下拉框就会变成山东下面的市区(如烟台市、济南市、青岛市)。请根据上下文补全空白处的代码。 <!DOCTYPEhtml> <html> <head> <meta charset="UTF-8"> <title>两级联动</title> </head> <body> <select name="province"> <option value="1">河北</option> <option value="2">山东</option> </select> <select name="city"> </select> <script src="js/jquery-3.6.3,js"> </script> <script> 请输入function 0 C 请输入var provinceValue = 请输入var citySelect = if (provinceValue =="1")[ citySelect.请输入 citySelect.append("<option value='11'>石家庄市</option>")citySelect.append("<option value='12>保定市</option>");citySelect.append("<option value='13'>张家门市</option>"); 8if (provinceValue =="2")( citySelect.empty0; citySelect.append("<option value='14>烟台市</option>"):citySelect.append("<option value='15>济南市</option>")citySelect.append("<option value='16>青岛市</option>"); $(function 0 { showCity0;
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>两级联动</title>
</head>
<body>
<select name="province">
<option value="1">河北</option>
<option value="2">山东</option>
</select>
<select name="city"> </select>
<script src="js/jquery-3.6.3.js"></script>
<script>
$(function(){
function showCity(){
var provinceValue = $("select[name='province']").val();
var citySelect = $("select[name='city']");
if (provinceValue == "1"){
citySelect.empty();
citySelect.append("<option value='11'>石家庄市</option>");
citySelect.append("<option value='12'>保定市</option>");
citySelect.append("<option value='13'>张家口市</option>");
} else if (provinceValue == "2"){
citySelect.empty();
citySelect.append("<option value='14'>烟台市</option>");
citySelect.append("<option value='15'>济南市</option>");
citySelect.append("<option value='16'>青岛市</option>");
}
}
$("select[name='province']").change(function(){
showCity();
});
});
</script>
</body>
</html>
如何获取option的值 var headTd = $("<td class='group' dataid='" + jsonobj[i].ID + "' />").attr("id", (i + 1).toString()); $(headTd).append($("<span class='groupname' />").text("条件组" + (i + 1).toString())); $(headTd).append("<span class='remove'>×</span>"); $(headTd).append("<span class='cancel hidden' id='cancel'>取消</span>"); $(headTd).append("<span class='edit'>编辑</span>"); $(headTd).append("<select class='is_del' id='isDel' style='pointer-events:none;'><option value='0'>有效</option><option value='1'>无效</option> </select>"); $(headTd).find("select option[value='" + is_del + "']").attr("selected", "selected"); $(headTd).append("</td>"); $(".filterlist .rowheading").append(headTd);
要获取select的值,可以使用jQuery中的.val()方法,如下所示:
```javascript
var selectVal = $(headTd).find(".is_del").val();
```
这将返回选中的option元素的value属性值。在这个例子中,它将返回"0"或"1",取决于哪个选项被选中。