2016年7月20日 星期三

HTML和Javascript之間互相傳值

在一個JSP內,通常會用到HTML、Javascript和Java語言,而HTML和Javascript間會有需要傳遞數值資料的情況發生;雖然對於那些寫網頁的老手可能是基本中的基本,但對於我這個根本沒碰過寫網頁的外行人則是困難重重,所以這邊特別記錄一下好提醒往後的自己。
--------------------------------------------------------------------------------------------------------
HTML傳值到JavaScript內:
    HTML的寫法:
<input type = "button" name = "test" value = "test" onclick = "showAlert( 'test' );">
    主要是用Function的方式夾帶數值過去

    JavaScript的寫法:
<script type="text/javascript">

function showAlert( lockTime )
{
    alert( message );
}

</script>
--------------------------------------------------------------------------------------------------------
JavaScript傳值到HTML內:
    JavaScript的寫法:
<script type="text/javascript">

function showAlert()
{
    if( confirm( '你確定要傳送此數值嗎?' ) )
    {
        document.getElementById( 'dataID' ).value = 'Yes';
    }
}

</script>
    主要是使用document.getElementById().value來設定該指定id的value

    HTML的寫法:
<input type = "hidden" name = "data" id = "dataID" value = "No">
    主要是設定id後,讓JavaScript可以依照先前找到的id,把新數值設定在value內

沒有留言:

張貼留言