javascript - 如何在选项选择中创建json格式的数组

Question

在这里，我想创建 json 格式的数组，除了文本字段之外，我做了所有事情，我想使用选项 select ，但我无法创建 json 格式的数组，我为此花费了 1 个多小时，但我无法得到解决方案

function createJSON() {
   result = [];
    $("input[class=email]").each(function() {
		var email = $(this).val();
			var items = [];
			$('.Check1:checked').each(function(){
				items.push($(this).val()); 
				});
		$("input[class=mobile]").each(function() {
			 var mobile = $(this).val();
		
		  result.push({email: email,mobile: mobile, multiselect: items})
		});
    });
    console.log(result);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<form method="POST">
Email<input title="Title1" type="text" class="email" >
     <input title="Title2" type="text" class="mobile">

<div class="col-md-4" style="padding-left: 4px; padding-right: 4px;">
	<li style="color: #333; font-size: 85%;">
	<input type="checkbox" class="Check1" name="listing_type[]" value="Office Space"> Office Space								
	</li>
</div>

<div class="col-md-4" style="padding-left: 4px; padding-right: 4px;">
	<li style="color: #333; font-size: 85%;">
	<input type="checkbox" class="Check1" name="listing_type[]" value="Apartment"> Apartment								
	</li>
</div>

<div class="col-md-4" style="padding-left: 4px; padding-right: 4px;">
	<li style="color: #333; font-size: 85%;">
	<input type="checkbox" class="Check1" name="listing_type[]" value="Villament"> Villament								
	</li>
</div>

<div class="col-md-4" style="padding-left: 4px; padding-right: 4px;">
	<li style="color: #333; font-size: 85%;">
	<input type="checkbox" class="Check1" name="listing_type[]" value="Individual House"> Individual House							
</div>

<div class="col-md-4" style="padding-left: 4px; padding-right: 4px;">
	<li style="color: #333; font-size: 85%;">
	<input type="checkbox" class="Check1" name="listing_type[]" value="Row House"> Row House
</div>


<input type="button" id="btn-submit" value="submit" onClick="createJSON()">
</form>

Answer 1

如果我理解得好的话，你想要这样的东西吗？

这里我使用选择多个来举例。

function createJSON() {
   result = [];
   items=[];
   $('.Check1:checked').each(function(){
		items.push($(this).val()); 
   });

   //var mobile = $(this).val();
   result.push({select:$('select').val(), multiselect:items});
   
  console.log(result);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<form method="POST">
<select multiple="multiple">
  <option value="option1">1</option>
  <option value="option2">2</option>
  <option value="option3">3</option>
  <option value="option4">4</option>
</select>

<div class="col-md-4" style="padding-left: 4px; padding-right: 4px;">
	<li style="color: #333; font-size: 85%;">
	<input type="checkbox" class="Check1" name="listing_type[]" value="Office Space"> Office Space								
	</li>
</div>

<div class="col-md-4" style="padding-left: 4px; padding-right: 4px;">
	<li style="color: #333; font-size: 85%;">
	<input type="checkbox" class="Check1" name="listing_type[]" value="Apartment"> Apartment								
	</li>
</div>

<div class="col-md-4" style="padding-left: 4px; padding-right: 4px;">
	<li style="color: #333; font-size: 85%;">
	<input type="checkbox" class="Check1" name="listing_type[]" value="Villament"> Villament								
	</li>
</div>

<div class="col-md-4" style="padding-left: 4px; padding-right: 4px;">
	<li style="color: #333; font-size: 85%;">
	<input type="checkbox" class="Check1" name="listing_type[]" value="Individual House"> Individual House							
</div>

<div class="col-md-4" style="padding-left: 4px; padding-right: 4px;">
	<li style="color: #333; font-size: 85%;">
	<input type="checkbox" class="Check1" name="listing_type[]" value="Row House"> Row House
</div>


<input type="button" id="btn-submit" value="submit" onClick="createJSON()">
</form>