javascript - 如何分别获取输入标签和选项标签并加载到div内部和select内部

Question

我有空<div>和<select>想要在 div 和 option 内加载标签和输入标签在ajax响应后选择内。我该怎么做？

这是回复

我想分别提取 <div> 的标签和输入& 提取选项 <select> 。 这是我的代码:

<div class="form-group">
<select id="student" name="student" class="form-control" onchange="getName(this.value)">

</select>
</div>
<div name="state" id="state">



</div> 

<script>
function getschool() {
var st = $('#school option:selected').val();

$.ajax({
    type: "POST",
    url: '<?php echo base_url();?>Choice/student',
    type: 'POST',
        data: {
            // fname: fname
            st:st



        },
        dataType: 'text',
        success: function(data) {
            alert(data);
            //alert(data[0].id);
            // for(k in data){
                // alert(data[k].id);
                $('#student').html(data);
               //$('#state').html(data.input);
                $('#state').html(data);
            // }
            //$('body').html(data);
            // console.log(data);
            //alert(data);
            //alert("Succesful ");
            //location.reload(false);
            //window.location.href = "http://localhost:8080/choicelaunch/Choice/order_fullmenu";
        }

});
}

</script>

这样做之后，我得到了 div 内的所有内容，例如:

另外，我从我的 Codeigniter Controller 收到此响应:

public function student()
    {
        $sch= $this->input->post('st');
        $swt=$this->data['school'] = $this->catering_model->selstu($sch);

        //echo(json_encode( $swt));
        if(!empty($swt))
        {
            if(($sch == "1"))
            {
                echo ('<label class="checkbox-inline">
                <input type="checkbox" id="offer1" name="offer" value="Monday">Monday
                </label>');

            }
            foreach($swt as $in)
            {

                echo ('<option value="'.$in->id.'" select="select">'.$in->fname.'&nbsp;'.'</option>');


            }

        }


        //var_dump($data['school']);
    }

我不知道为什么。我只需要复选框而不是非复选框。

Answer 1

您可以使用filter():

$('#student').html($(data).filter('option'));
$('#state').html($(data).filter('label'));