<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js"></script>
<script src="https://appsforoffice.microsoft.com/lib/1.0/hosted/office.js"></script>
<script>
Office.initialize = function (reason) {
$('#outData').val('BBBBBB');
$(document).ready(function () {
$('#execbtn').click(function(){
$('#outData').val('BBBBBB')
Office.context.document.getSelectedDataAsync(Office.CoercionType.Text, function (asyncResult) {
if (asyncResult.status == Office.AsyncResultStatus.Failed) {
$('#outData').val('Action failed. Error: ' + asyncResult.error.message);
}
else {
$('#outData').val(asyncResult.value);
}
});
});
});
};
</script>
</head>
<body>
<div style="font-weight:bold">選択内容取得</div>
<p>
選択内容を取得します</p>
<div>
選択内容:
<input type="text" id="outData" value="AAAAA" /><br />
<input type="button" id="execbtn" value="Execute !" />
</div>
</body>
</html>