none
[JS] Dropdownlist 預覽圖片 RRS feed

  • 問題

  • 請問各位大大們

    小弟想請問 JAVASCRIPT 的問題

    目前小弟的需求是利用 dropdownlist 選擇欲選的圖片 而 <img...> 會依照使用者在下拉選單選擇的圖片預覽出來

    我有在這個網站找到資料

    但有些屬性ASP.NET的控制項都沒有

    網址:  http://www.hsiu28.net/html/peruse.php?id=25

    它需要使用到 form、image、dropdownlist 的 name屬性 這該怎麼修改呢?

    可否不需要 form name 而 image、dropdownlist 都改成使用 id 屬性呢?


    2011年9月6日 下午 01:04

解答

所有回覆

  • 可以

    抓id兩種方法

    1. javascript的 document.getElementById('<%= DropDownList1.ClientID %>').value;
    2. jQuery的 $('#<%= DropDownList1.ClientID %>').val();

    Shadowと愉快なコード達
    • 已標示為解答 SufferingHH 2011年9月6日 下午 09:58
    2011年9月6日 下午 01:31
  • hi, 希望您能聽的進去,您需要的是瞭解HTML,JavaScript。
    如果您的工作真的就是得寫到Web的程式,絕對不要只仰賴於ASP.NET的server control,因為有太多太多東西,是原生的control無法提供那樣的彈性的。瞭解HTML跟JavaScript,還會幫助你知道怎麼使用server control更得心應手,以及穿插使用。

    可以參考一下:http://wiki.dotblogs.com.tw/hatelove.ASP-NET-Webform.ashx,用心去瞭解封裝成server control的class,最後是如何Render出對應的HTML,在http跟Browser的相關規範與行為裡面,最後是怎麼互動的。

    回到您的問題,我會建議您的思路:

    1. 假設就只是個靜態的html檔,您可以寫JavaScript,您能不能做到一樣的功能效果。 
    2. 如果可以,我該怎麼用ASP.NET Webform來實作跟HTML一樣的效果。
    3. 如何才能更friendly一點

    一些建議您要瞭解的問題:

    1. 您知道DOM的name,對應到server control是UniqueID的屬性嗎?
    2. 您知道怎麼樣才可以把HTML control轉成server control使用嗎?
    3. 您知道Request.Form是用在什麼樣的情況嗎?

    想給您比較正確跟長久的思路,也很歡迎您在上面一起討論求進步。

    至於您問題的solution,有太多種方式可以達到,希望之後您自己可以想到很多種方式,並從其中挑出一種最適合你需求的solution。


    常用資源參考:
    小弟的blog: In 91,wiki: my wiki
    2011年9月6日 下午 02:44
    版主
  • Hello SufferingHH

    如同前面兩位前輩講的,ASP.NET產生出來的其實還是html,

    你可以將產生出來的asp.net,再用瀏覽器檢視原始碼的方式觀看,

    會發現裡面其實都還是html,如下圖,dropdownlist也是會產生select標籤。

    而Javascript就可以控制和解決您的問題了。加油^^

    2011年9月6日 下午 02:58