作者Wavis (Wade&Mavis)
看板Web_Design
標題[問題] jquery和select的問題
時間Tue Sep 6 14:25:52 2011
問題點程式碼範例--
以下為HTML的部份
<div>第一筆資料:
<select name="loc" onchange="chsloc();">
<option value="1" selected="selected">A</option>
<option value="2">B</option>
<option value="3">C</option>
</select>
<select name="sloc">
<option value="11" selected="selected">a</option>
<option value="12">b</option>
<option value="13">c</option>
</select>
</div>
<div>第二筆資料:
<select name="loc" onchange="chsloc();">
<option value="1">A</option>
<option value="2" selected="selected">B</option>
<option value="3">C</option>
</select>
<select name="sloc">
<option value="21">d</option>
<option value="22" selected="selected">e</option>
<option value="23">f</option>
</select>
</div>
以下為程式部份
var sloc=new Array();
sloc[sloc.length]=new Array('1','11','a');
sloc[sloc.length]=new Array('1','12','b');
sloc[sloc.length]=new Array('1','13','c');
sloc[sloc.length]=new Array('2','21','d');
sloc[sloc.length]=new Array('2','22','e');
sloc[sloc.length]=new Array('2','23','f');
sloc[sloc.length]=new Array('3','31','g');
sloc[sloc.length]=new Array('3','32','h');
sloc[sloc.length]=new Array('3','33','i');
function chsloc()
{
$(document).ready(function (){
$("select[name=loc]").click(function(){
var number = $(this).val();
var reasion="<option value='00' selected='selected'>請選擇
</option>";
for(var i=0; i<sloc.length; i++)
{
if(sloc[i][0] == number)
{
var Value_=sloc[i][1];
var Name_=sloc[i][2];
reasion+="<option value="+Value_+" >"+Name_+"</option>";
}
}
$("select[name=sloc]").find('option').remove();
$("select[name=sloc]").append(reasion);
});
});
}
新手上路, 很多不太懂得地方還在摸索, 還請前輩們多指教
主要的問題點在, 在我更動第一筆資料的<select name="loc">時,
如何只讓它跑第一筆資料內的<select name="sloc">,
目前我只要動第一筆資料, 第二筆資料內的<select name="sloc">也會動作,
不知道這樣的敘述是否清楚> <"
麻煩高手指點了!
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 211.22.11.170
→ kerash:$(this) ..? 09/06 14:32
→ kerash:你上面用 this , 下面怎麼用成 name 抓? 09/06 14:33