從javascript獲取hiddenvalue HTML屬性

我試圖從javascript訪問隱藏的HTML值（hiddenvalue）並將其存儲到變量env中。從javascript獲取hiddenvalue HTML屬性

HTML：

<button id="slct" hiddenfield="Forest" type="button" class="btn btn-default">Hello</button>

JS：

$('#slct').click(function (event) { 
document.getElementById('env').value = $('#' + $(event.target).data('hiddenfield')).value; 
});

我缺少什麼？

來源

2016-04-07 X' Byte

嘗試'變種ENV = $（「＃SLCT」）。ATTR（「hiddenfield」）' – CMedina

你有與 'ENV' HTML元素的ID你打算存儲這個？因爲如果你想把它放在一個Javascript變量中，它應該是'var env =' –

jquery沒有.value – epascarello

我會創建一個隱藏的HTML場

<input type="hidden" id="someId" value="someValue">

得到這個字段的值將如下所示：

var theValue = document.getElementById('someId').value;

你想要什麼大概是這樣的：
HTML：

<input type="hidden" id="env" value=""> 
<button class="slct" hiddenfield="Forest" type="button" class="btn btn-default">This sets Forest</button> 
<button class="slct" hiddenfield="Fruit" type="button" class="btn btn-default">This sets Fruit</button>

javascript：

$('.slct').click(function(event) { 
    // Set value to hidden field 
    $('#env').val($(this).attr('hiddenfield')); 
});

您可以使用data()而不是attr()，但該屬性需要以'data-'開頭。例如。 data('hiddenvalue')檢索屬性的值data-hiddenvalue
（見https://jsfiddle.net/2k0791hk/1/）

來源

2016-04-07 21:35:26

'env'是另一個隱藏的html字段（保存到數據庫）。你的建議跨過了我的想法，但是我有幾個按鈕，這將是相當矮胖.. –

我想編寫一個腳本來迎合所有按鈕 –

從javascript獲取hiddenvalue HTML屬性

回答

相關問題