Set value to HTML select element with jQuery
HTML
<div>
Today's date is <span style="font-weight:bold" id="todaysDate"></span> <br>and the password for PM is <span style="font-weight:bold;" id="pmPwd"></span><button id="copyBtn" style="margin-left:5px;margin-top:10px;font-family: 'Glyphicons Halflings'; font-style: normal;"></button>
<input type="text" value="Hello World" id="pwdInput" style="position:absolute;left:-100000px">
</div>
JavaScript
var date = new Date();
var pwdArr = [
'PLASTICFORKS',
'QMBTUJDGPSLT',
'RNCUVKEHQTMU',
'SODVWLFIRUNV',
'TPEWXMGJSVOW',
'UQFXYNHKTWPX',
'VRGYZOILUXQY',
'WSHZAPJMVYRZ',
'XTIABQKNWZSA',
'YUJBCRLOXATB',
'ZVKCDSMPYBUC',
'AWLDETNQZCVD',
'BXMEFUORADWE',
'CYNFGVPSBEXF',
'DZOGHWQTCFYG',
'EAPHIXRUDGZH',
'FBQIJYSVEHAI',
'GCRJKZTWFIBJ',
'HDSKLAUXGJCK',
'IETLMBVYHKDL',
'JFUMNCWZILEM',
'KGVNODXAJMFN',
'LHWOPEYBKNGO',
'MIXPQFZCLOHP',
'NJYQRGADMPIQ',
'OKZRSHBENQJR'
]
$('#todaysDate').text(date.toString());
$('#pmPwd').text(pwdArr[date.getDate() % 26])
$('#pwdInput').val(pwdArr[date.getDate() % 26]);
$("#copyBtn").click(copyToClipboard);
function copyToClipboard() {
var copyText = document.getElementById("pwdInput");
copyText.select();
alert("Copied: " + copyText.value);
document.execCommand("Copy");
}