<form id="inputForm" action="shorttermrental.action" method="post">

     <input name="pname" type="text" id="pname" value="xxx" size="20" disabled="disabled"/>

     <input name="but" type="submit" id="but" value="xxx" size="20"/>

</form>

當(dāng)我們提交表單時(shí)，在后臺(tái)是獲取不了pname數(shù)據(jù)的，因?yàn)樵撦斎肟虻膶傩詃isabled。即能保存值也能保留用戶不能輸入這種功能有以下解決方法：

1. 將disabled="disabled"屬性改為readonly="readonly"代替，其功能是基本一樣，readonly還能支持onfocus事件。（推薦使用）

復(fù)制代碼代碼如下:

2. 在form表單提交時(shí)利用js將disabled屬性修改

復(fù)制代碼代碼如下:

<input name="but" type="button" id="but" value="xxx" size="20"/>

<script type="text/javascript">

function submit_form(){

 //javascript寫法

 document.getElementById("pname").disabled="";

 document.getElementById("inputForm").submit();

 //jQuery寫法

 $("#pname").attr("disabled",false);

 $("#inputForm").submit();

}

</script>

3. 將pname的值用js獲取，使用參數(shù)形式傳遞，修改form的action值,當(dāng)然這樣需要修改后臺(tái)代碼，獲取該參數(shù)（getParameter）；

復(fù)制代碼代碼如下:

<script type="text/javascript">

function submit_form(){

    //jQuery寫法

      var pname = $("#pname").val();

 $("#inputForm").attr("action","shorttermrental.action?panme="+pname+"&p="+new Date());

    $("#inputForm").submit();

  //javascript寫法

    var pname = document.getElementById("pname").value;

    document.getElementById("pname").action = "shorttermrental.action?panme="+pname+"&p="+new Date();

    document.getElementById("pname").submit();

    }

</script>

一點(diǎn)小建議：當(dāng)我們書寫腳本語言時(shí)，我們一般熱衷于jQuery書寫，因?yàn)樗芎啛?，jQuery是將javascript封裝的，取HTML等值時(shí)，采用正則表達(dá)式匹配獲取，
因此必然影響效率，所以建議大家當(dāng)有大量腳本時(shí)，一般采用javascript。

希望本文所述對大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章: