HTML 語法: FORM+IFRAME 寫作發問

Daii.XiANG 2013-04-12 15:00:15 ‧ 3655 瀏覽

分享至

請教一個很簡單的語法寫作
我想用純HTML寫個網頁(或加入JavaScript亦可)
檔名叫:MyDocU-1.html

用FORM 做主架構
FORM 有個主欄位叫cc(格式用text,select皆可)
當cc的值=01234
即 MyDocU-1.html?cc=01234
內容以iframe框架語法呼叫:cc01234.html 頁面
若cc的值改為02234
則內容以iframe框架語法呼叫:cc02234.html 頁面

我的cc頁面有200多個: 都是以cc0xxxx.html開頭
用cc後的五個數字做對應

主畫面在最上方有文字框與下拉select選項
在文字框輸入02234
或以下拉移到02234選項
畫面下方立即產生02234.html的內容
上方的選項區並不會改變

以上小小的程式
請前輩指點

看更多先前的討論...收起先前的討論...

外獅佬 iT邦大師 1 級 ‧ 2013-04-12 15:35:24 檢舉

用ajax.....

Daii.XiANG iT邦新手 5 級 ‧ 2013-04-12 17:56:08 檢舉

方便提供此題寫作建議嗎
用ajax...

fillano iT邦超人 1 級 ‧ 2013-04-12 18:28:02 檢舉

其實不用加上form，只要單純用input跟button就好，不然會發出post然後重新載入網頁。當然這樣網址列就不會有?cc=01234了。

Daii.XiANG iT邦新手 5 級 ‧ 2013-04-13 12:59:03 檢舉

我主要是想每頁轉換時
網址列都會出現?cc=01234這個數字序

那
要加FORM 嗎..

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

wiseguy

iT邦超人 1 級 ‧ 2013-04-12 16:56:46

最佳解答

大致就是醬吧？

&lt;pre class="c" name="code">
&lt;form>
&lt;input type="text" name="cc">&lt;input type="button" value=" go "
onclick="document.getElementById('iframe').src='cc'+this.form.cc.value+'.htm';">
&lt;/form>
&lt;iframe id="iframe">&lt;/iframe>