javascript - 从动态选择框获取值

Question

在更改选择框后，我将通过 ajax 自动提交表单...

这是选择框:

<select id="parent:<?php echo $subject[0]['id']; ?>" contenteditable="true" style="padding:7px;">
<?php 
    foreach ($subject_list as $item) {
?>
<option value="<?php echo stripslashes($item['id']); ?>"><?php echo stripslashes($item['name']); ?></option>
<?php } ?>
</select>

这是提交并回显一些 JSON 的代码...

$(function(){
 $('.select_change').change(function(){
        $( ".form-errors" ).hide(); //Hide errors
        var field_id = $(this).attr("id") ;
        var value =  $(this).value() ;
        $.post('data/SUBJECTS_edit.php' , field_id + "=" + value, function(data){
            if(data.validation != 1)
            {
                $( "#" + data.fieldName + "\\:" + data.subjectID ).show().effect('highlight', {color: '#c0ffb9'}, 1500); // Show green fade
                $( "#" + data.fieldName + "_msg\\:" + data.subjectID ).hide(); //Hide errors
                $('#' + data.subjectID + '-' + data.fieldName).html(data.value); // Change data in list
            }else{
                $( "#" + data.fieldName + "\\:" + data.subjectID ).show().effect('highlight', {color: '#e29292'}, 1500); //Show red fade
                $( "#" + data.fieldName + "_msg\\:" + data.subjectID ).show(); // Show error DIV
                $( "#" + data.fieldName + "_msg\\:" + data.subjectID ).text(data.response); // Input text into error DIV
            }
        });
    });
});

一切正常，除了值返回如下......

fieldName: "parent"
original: "0"
response: "Details Updated"
status: 200
subjectID: "1"
validation: null
value: "Art\n   English\n   Zoology\n   Mathematics\n   Design"

它选择文本，而不是值，并且选择列表中的所有项目而不是选定的项目。

我确定这里缺少一些 javascript，但我还没有弄清楚

Answer 1

无视我。新手错误。我没有将 select_change 类应用于选择框!现在工作