如何更改所选行的元素?
当我的组合框改变时,我想检查组合的值。如果选择“性别”的值,那么我想将元素“输入值 Ke-3 ”文本框值替换为:
<select id="data3" name="data3[]">
<option value="man" selected >Man</option>
<option value="woman">Woman</option>
</select>
这是否可以使用 $.(selector).html() 来完成?
我的代码:
$(document).ready(function() {
MyLogic();
});
function MyLogic(){
$(".addCF").click(function(){
$("#customFields").append(
'<tr>'
+ '<td>'
+ '<select class="tabelBaru" id="data1" name="data1[]">'
+ '<option value="email" selected >Email</option>'
+ '<option value="gender">Gender</option>'
+ '<option value="age">Age</option>'
+ '</select> '
+ '</td>'
+ '<td>'
+ '<input type="text" id="data2" name="data2[]" value="" placeholder="Input Value Ke-2" />'
+ '</td>'
+ '<td>'
+ '<input type="text" id="data3" name="data3[]" value="" placeholder="Input Value Ke-3" />'
+ '</td>'
+ '<td>'
+ '<a href="javascript:void(0);" class="remCF">Remove</a>'
+ '</td>'
+ '</tr>'
);
});
$("#customFields").on('click','.remCF',function(){
$(this).parent().parent().remove();
});
$(document.body).on('change', '.tabelBaru', function() {
var nilai = $(this).val();
if(nilai=='email'){
$("#data3").html('Change another input type here...');
}
});
}
我怎么做?