如何在“if”语句中比较<选项>“数据名称”
How to compare <option> “data-names” in an “if” statement?
我有一个小问题。我有带有"值"和"数据名称"的选项。
<option value=”A” data-name1=”X”>
<option value=”B” data-name1=”Y”>
如果所选选项是某个"数据名称",我希望计算机返回特定值
假设有 2 个"数据名称",X 和 Y。
如何将所选选项的数据名称与 2 个数据名称 X 和 Y 进行比较,以找出它是哪一个?
我在想这样的事情:
var data_name1 = e.options[e.selectedIndex].dataset.name1;
if (data_name1 == “X”) {
…
}
else if (data_name == “Y”) {
…
}
else {
…
}
这可能吗?
谢谢!
完整代码---
<script>
document.getElementById("selectElement").selectedIndex = -1; // so that no option //is selected when the page is loaded
function getData(){
var e = document.getElementById("qwert"); // get the <select> element
var data_name1 = e.options[e.selectedIndex].dataset.name1; // get the selected //<option> and its name1 data attribute
// var data_name2 = e.options[e.selectedIndex].dataset.name2; get the selected //<option> and its name2 data attribute
var value = e.options[e.selectedIndex].value; // get the value of the selected <option>
//Result
document.getElementById("data1").innerHTML = data_name1;
document.getElementById("value").innerHTML = value;
}
</script>
<select id="qwert" onclick="getData ()">
<option value="135" data-name1="M">A</option>
<option value="150" data-name1="R">B</option>
<option value="51" data-name1="R">C</option>
<option value="27" data-name1="M">D</option>
</select>
<p>
<label>data-name1 = </label>
<span>"</span><span id="data1"></span><span>"</span>
</p>
<p>
<label>value = </label>
<span>"</span><span id="value"></span><span>"</span>
</p>
您需要使用 ==
运算符来比较对象。
=
是一个赋值表达式。
if (data_name1 == “X”) {
// Operations if data_name is equal to X
}
else if (data_name == “Y”) {
// Operations is data_name is equal to Y
}
else {
}
相关文章:
- 正在获取所选选项数据
- 单击函数仅对某些数据名称执行
- 语义UI下拉选项数据属性
- 在HTML5中是否可以有多个数据{名称}属性
- Highcharts 单个水平堆叠条形图,始终显示数据名称(标签)和 %-年龄,并在鼠标悬停时显示数据编号和系列名称
- 如何在post数据中进行ajax调用-->图像和自定义数据(名称和值对)
- 半圆形圆环饼图,饼图上有标签(数据名称)和年龄百分比..和鼠标悬停上的数据编号
- 纯 JS 获取所选选项数据属性值返回 Null
- Javascript 数据仅提取数组的第一项,该数组放入使用 iCheck 复选框输入的数据名称字段中
- 对大型“选项”数据结构进行微小更改
- 如何在“if”语句中比较<选项>“数据名称”
- 如何在 jquery 中获取选定的选项卡名称
- 如何根据 jquery 中的选定选项卡交换选项卡名称
- 如何从原始选项卡中获取新打开的浏览器选项卡名称
- Facebook js-sdk添加选项卡对话框,是否有一种方法可以让用户键入自定义选项卡名称
- Kendoui:在Kendoui中单击选项卡时获取选项卡名称
- 如何从一个jsp页面中获取选项标签名称来选择另一个jsp页的标签
- 选择选项数据绑定值
- 在网站服务器上存储表单/输入/用户首选项数据有哪些不同的方法?
- 如何存储所选选项的名称属性