jQuery遍歷下拉框并賦值
$('#select1').find('option').each(function () { value1 = $(this).val(); text1 = $(this).text(); $('#select2').append($('<option></option>').val(value1).html(text1)); });
上面的代碼表示在id為select1的下拉框中遍歷所有的下拉選項,并將選項的值和文本賦值給id為select2的下拉框中。
在使用jQuery遍歷下拉框時,可以通過find()方法找到需要遍歷的下拉框,然后使用each()方法對每個選項進行遍歷。
$('#select1').find('option').each(function () { //具體操作代碼 });
在遍歷過程中,可以通過val()方法獲取選項的值,text()方法獲取選項的文本:
value1 = $(this).val(); text1 = $(this).text();
然后,將獲取到的值和文本賦值給需要操作的選項:
$('#select2').append($('<option></option>').val(value1).html(text1));
其中,val()方法用于設置選項的值,html()方法用于設置選項的文本。
使用上述代碼,可以在一個下拉框中選擇一個選項,然后將該選項的值和文本賦值給另一個下拉框中。