如何获取数据标志的值
How to get value of data-flag
社区,我有一个选择下拉列表,它试图将两个变量传递给javascript。 第一个变量是 (source_id),第二个变量是 (source_flag)。
我的选择如下所示...
<select id="ticket_source" name="ticket_source" onchange="showEmail(this)">
<option value="">Select Source</option>
我使用查询来填充其余选项。
$get_sources = mysql_query("select source_id, source_name, source_flag from ticket_source order by source_name ASC");
while(($source_list = mysql_fetch_assoc($get_sources)))
{
echo '<option value="'.$source_list['source_id'].'" data-flag="'.$source_list['source_flag'].'">'.$source_list['source_name'].'</option>
}
<option value="0">Other</option>
</select>';
我的javascript将出现一个隐藏的div。 我正在尝试获取存储在 data-flag 属性中的值,但我不太确定是否有特定的路由可以做到这一点。
function showEmail(element)
{
var id = element.value;
var divTwo = document.getElementById("ticket_source");
var flag = divTwo.getAttribute('data-flag');
alert(flag);
// Do something with flag...
var div = document.getElementById("received");
if(id == 2 || id == 3 || id == 5)
{
div.style.display = 'block';
}
else
{
div.style.display = 'none';
}
}
在纯javascript中怎么样
var flag =document.getElementById('ticket_source').options[select.selectedIndex].data-flag;
或
var flag =element.options[element.selectedIndex].data-flag;
var flag =element.options[element.selectedIndex].getAttribute('data-flag');
在这里看到小提琴
试试这个:
var flag = document.querySelector('#ticket_source').dataset.flag; // using javascript
var flag = $('#ticket_source').data('flag'); // using jquery
JSBIN链接:http://jsbin.com/ujiday/228/
在现代浏览器中,你可以这样做
document.getElementById('myThing').dataset.flag
但是,这在不符合HTML5标准的浏览器中不起作用,因此您希望像在上面的代码中所做的那样使用getAttribute。
或者,如果你使用的是jQuery,Mohit Pandey的答案会很好。
编辑:查看您的代码,看起来您也试图从选择框中提取数据值,而在 PHP 中,您将其添加到选项中,这将解释为什么它返回 null/undefined。
做了一个小提琴(使用jQuery)http://jsfiddle.net/QAsgN/
相关文章:
- 用程序搜索JQuery数据表中的文本
- 要求输入在数据列表中
- 正在将数据主题添加到所有项目
- 函数参数中的数据与指定变量之间的任何性能差异
- 在VanillaJS中模拟模型双向数据绑定
- CSS-如何定位内容数据标题
- 使用电话间隙在Android应用程序中显示SQL Lite的数据
- 无法在数据endVal中设置值=“”;{{ucount}}”;使用Angular JS的CountUp
- 序列化数据属性中对象的最可靠方法
- 如何将JSON数据导入我的ejs模板
- 不显示带有本地json文件数据的谷歌地图脚本
- 如何将json数据显示为html
- 画布数据到图像
- 使用jquery将mysql数据获取到新的表行中
- 使用html中的外部javascript进行数据验证
- 如何获取数据标志的值
- Highcharts -在列范围图表中使用标志使数据范围不可见并显示消息
- 如何添加加载标志,而ajax从其他PHP文件中获取数据,并将其返回到当前页面
- 如何通过从Android应用程序发送一些数据/标志在网站上显示警报
- ExtJS散点图,根据数据中的标志突出显示某些点