第一次选择"添加新"并添加新选项时,以下工作正常.第二次(对于按类别区分的不同元素),它将新选项添加到所选元素和第一个元素.这两个元素必然会重新出现.
<script type="text/javascript">
$('#upload_form option[value="addnew"]').click(function(){
// Show modal window
$('#add-new').modal('show');
// Get the class
var Classofentry = $(this).attr("class");
$('#add-new-submit').on('click', function(){
// Get new option from text field
var value = $('#add-new-text').val();
console.log(value);
$.ajax({
type: "POST",
url: "<?php echo site_url(); ?>main/change_options",
data: {new_option: value, new_option_class: Classofentry},
dataType: "html",
error: errorHandler,
success: success
});
function success(data)
{
$('#'+Classofentry).append("<option value='" + data + "'selected=\"selected\">" + data + "</option>");
//alert(data);
//alert('Success!');
}
function errorHandler()
{
alert('Error with AJAX!');
}
$('#add-new').modal('toggle');
});
});
</script>
Run Code Online (Sandbox Code Playgroud)
奇怪的是,它似乎两次在ajax上传了一个帖子.我想它找到了所有"addnew"值(到目前为止有2个,会有更多).如何使用指定的类处理元素?希望这是有道理的.