iT邦幫忙

0

下拉欄位取值,即時丟至input欄位,語法

各位大大您好,
想請教頁面有三個下拉選單,
我想讓下拉選單的值自動帶入input欄位,
請問語法如何下呢 Orz

附圖

1 個回答

0
king742171
iT邦新手 3 級 ‧ 2017-12-29 15:00:53

用JQuery的話...

$("#文具紙類").change(function (){
    var inputText = $("#inputText").text();
    inputText += $(this).text();
    $("#inputText").text(inputText);
}
//其他下拉選單同理

用javascript的話...

document.getElementById("文具紙類").onchange = function(){
    var inputText = document.getElementById("inputText").value;
    inputText += document.getElementById("文具紙類").value;
    document.getElementById("inputText").value = inputText;
};
//其他下拉選單同理

大概打一下流程~~
並不一定完全正確~~

因為每一個下拉選單有變化,都要把值帶過去,感覺是更好的流程。所以寫一個 function 處理事件,並用三個 addEventListener 綁定應該會更好一點~

froce iT邦高手 1 級 ‧ 2017-12-30 01:15:53 檢舉

其實我會建議乾脆不要那欄最後的加總,要送出的時候再處理就好。
浪費資源去算一個一看就知的欄位幹麻。

喔喔哈哈
我只是用比較直覺的方式告訴發問者流程~
不過他好像消失了...0..0

我要發表回答

立即登入回答