Re: [問題] javascript動態下拉式選單
※ 引述《bigtq13 (Tabitha~)》之銘言：
[比較無關的恕刪]
: <select name ='addrcounty' onchange='getData(this)' >
: <option value="台中" default>台中</option>
: <option value="台南">台南</option>
: </select>
這裡的value給中文，
但是底下的script那邊obj.value卻是用1或2判斷？
: <select name='addrcity'>
: <option value="萬里">萬里</option>
: <option value="佳興">佳興</option>
: </select>
: <select name='addrcity'>
: <option value="大里">大里</option>
: <option value="白河">白河</option>
: </select>
: <script language"javascript">
: function getData(obj){
: var dd = document.getElementById("row2");
: var ds = document.getElementById("row3");
: if(obj.value == 1){
^^^^^^^^^^^^^^
: dd.style.display = "block";
: ds.style.display = "none"; //hidden
: }
: if(obj.value == 2){
^^^^^^^^^^^^^^
: dd.style.display = "none"; // hidden
: ds.style.display = "block";
: }
: }
: </script>
: 這是別處文章做的修改，利用它做動態下拉式選單
: 但是傳值到下一個頁面時，使用request.getParameter("addrcity")取值
: addrcity因為選擇第一個下拉式選單而選擇不同select，所以不知道要怎麼命名第二個下
: 拉式選單，然後可以傳值到下一個頁面呢？
: 肯請高手指導
沒必要管幾個，要傳的addrciry就只有一個。
你的設計應該只要畫面上看得見的那一個而已。
選了台中或台南，就已經決定了要傳送的addrcity是哪一個了。
只是display="none"，看不見不代表該物件就不存在，要注意。
var addrcity = document.getElementsByName("addrcity");
此時addrciry是個陣列(因為你寫了兩個name="addrcity")，
[0]裡面是萬里/佳興，[1]裡面是大里/白河。
選了台中就傳[0]的過去，選台南就傳[1]的。
或者可以只寫一個addrciry，但是動態地改變內容。
var addrcity = document.getElementsByName("addrciry")[0];
if (選台中){
addrcity.option[0] = new Option("萬里","萬里");
addrcity.option[1] = new Option("佳興","佳興");
}
else {
addrcity.option[0] = new Option("大里","大里");
addrcity.option[1] = new Option("白河","白河");
}
PS:new Option(text, value); (顯示的文字, 背後的值)
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 59.120.17.226
※ 編輯: ckw 來自: 59.120.17.226 (07/03 17:35)
討論串 (同標題文章)
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章