![](/img/trans.png)
[英]How to get more data from json array when a value in option tag is selected jquery
[英]How to fill href tag with data from json and when clicked use the selected value in form to post
希望大家度过愉快的一天。 我现在正在做一个项目,我似乎做不到这一点。 我有以下杰森。
{
"Error":200,
"Fecha":"6/19/2018",
"Nombreag":"Canchas de Tenis",
"Nombretges":"Reserva de cancha",
"horarios":[
{
"horaM":"1000",
"hora":"10:00AM"
},
{
"horaM":"1030",
"hora":"10:30AM"
},
{
"horaM":"1100",
"hora":"11:00AM"
},
{
"horaM":"1130",
"hora":"11:30AM"
},
{
"horaM":"1200",
"hora":"12:00PM"
},
{
"horaM":"1230",
"hora":"12:30PM"
},
{
"horaM":"1300",
"hora":"01:00PM"
},
{
"horaM":"1330",
"hora":"01:30PM"
},
{
"horaM":"1400",
"hora":"02:00PM"
},
{
"horaM":"1430",
"hora":"02:30PM"
},
{
"horaM":"1500",
"hora":"03:00PM"
},
{
"horaM":"1530",
"hora":"03:30PM"
},
{
"horaM":"1600",
"hora":"04:00PM"
},
{
"horaM":"1630",
"hora":"04:30P.M."
},
{
"horaM":"1700",
"hora":"05:00P.M."
}
]
}
我想基于horios中的所有Json添加href链接。 这是用于HTML表单以对我的api进行POST,我想在“列表”视图中显示“ hora”,然后单击以设置horaM值以使用该选择进行发布。
我知道我必须像这样使用Javascript DOM,但是无法使用href上的onclick将该值传递给变量并将其标记为选中状态。
我在想也许是这样的事情来获得价值。
<!DOCTYPE html>
<html>
<body>
<p>
<ul id="loadListview" data-role="listview" data-inset="true" >
<li><a href="#" id="1200" onclick="myFunction()">12:00PM</a></li>
<li><a href="#" id="1230" onclick="myFunction()">12:30PM</a></li>
<li><a href="#" id="1300" onclick="myFunction()">1:00PM</a></li>
<li><a href="#" id="1330" onclick="myFunction()">1:30PM</a></li>
</ul>
<p id="demo"></p>
<script>
function myFunction() {
var x = this.href;
document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>
但即时通讯获得不确定的价值。
在此先感谢您提供的所有帮助,非常感谢您抽出宝贵的时间阅读本文。
为了告诉myFunction
其中a
点击,你需要通过this
来的onclick功能,所以它看起来是这样onclick="myFunction(this)"
<ul id="loadListview" data-role="listview" data-inset="true" >
<li><a href="#THIS_HREF" data-hora="1200" onclick="myFunction(this)">12:00PM</a> </li>
</ul>
<p id="demo">x</p>
然后在函数中添加参数a
。 我也建议像这样使用data-{attribute}
<script>
function myFunction(a) {
var x = a.href; // "a" is the clicked element
document.getElementById("demo").innerHTML = x;
console.log(a.dataset.hora) // here is the data-hora attribute
return false;
}
</script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.