存储和检索数据(在按钮中)以便稍后回调

时间:2013-09-23 09:59:43

标签: javascript jquery

对不起我对此的低级知识 - 我还是javascript等新手。无论如何,我有一个随机选项的选择器。这是html:

<select id="patientSelect">
     <option id="patient1"></option>
</select>
<input type="button" id="bed1" value="Bed"></button>
<input type="button" id="bed2" value="Bed 2"></button>

和javascript:

var count=Math.floor(Math.random()*61 + 10);
var problem = new Array("Heart Attack", "Seizure", "Burns");
randprob = problem[Math.floor(Math.random() * problem.length)];
var age = Math.floor(Math.random() * 70 + 15);
var counter=setInterval(timer, 1000);

function timer(){
    count--;
    var thisprob = randprob;
    var thisage = age;
    document.getElementById("patient1").innerHTML=thisprob + ", " + thisage +
     "ETA: " + count + " secs";
    $('#patientSelect').change(function(){
        $(".ui-btn").click(function(){
                  ... ?
        });

所以我想将当前的问题和年龄放入我点击的按钮(尽管按钮上的文字不会改变),但也可以点击另一个具有不同值的按钮并存储这些按钮以便稍后检索

任何帮助都表示赞赏,但如果对Google的内容有太多指示,也会受到赞赏。谢谢。 :)

修改 谢谢,很好的答案,但如果我不知道他们点击了哪个按钮,我该怎么办?当他们点击#bed2时,我可能会将数据存储到#bed1中?哦,等等,这是(这个)发挥作用的地方吗?

1 个答案:

答案 0 :(得分:0)

您可以使用jQuery数据方法存储任意数据并将其与DOM元素相关联。查看使用以下代码的this jsfiddle作为示例:

$(document).ready(function (event) {
    $("#bed1").data("dataKey", "some arbitrary data");
    });
$("#bed1").click(function (event) {
    alert($("#bed1").data("dataKey"));
});