我想获取所有多选项目的值,并基于此我将使用所选项目创建下拉列表。
我的 HTML 如下
<div>
<form action="" method="post">
<label for="title">Title</label>
<input type="text" name="title" value="" placeholder="Your title" />
<label for="cars">Select Cars</label>
<select name="cars" id="cars" multiple>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
<input type="submit" value="Submit">
</form>
</div>
我正在尝试使用下面的 jQuery
$(document).ready(function(){
$('#cars').change(function(){
$(this).after('<p>' + $('#cars').val() + '</p>');
})
});
这给了我选定的项目值,但它给了我所有出现的行。我不知道该怎么说,但请看下图。
但我一直只想要最终结果,而不是一一发生。希望我能正确解释。 :)
<小时/>我想将 after() 段落转换为带有所选项目的下拉选择。那么是否可以使用 phpexplode 或 jquery 本身的任何其他方式来实现它?
我正在寻找的最终输出是
<div>
<form action="" method="post">
<label for="title">
Title</label>
<input type="text" name="title" value="" placeholder="Your title" />
<label for="cars">
Select Cars</label>
<select name="cars" id="cars" multiple>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
<select name="sortedcars" id="sortedcars">
<option value="volvo">Volvo</option>
<option value="audi">Audi</option>
</select>
<input id="create" type="button" value="CreateDropDown">
</form>
</div>
最佳答案
这可能对你有帮助
<script>
$(document).ready(function () {
$('#cars').click(function () {
var values = $("#cars").val();
var select = $("<select/>");
for (i = 0; i < values.length; i++) {
select.append($("<option/>", { html: values[i] }));
}
$("#dropdownDiv").html("");
$("#dropdownDiv").append(select);
})
});
</script>
<body>
<div>
<form action="" method="post">
<label for="title">
Title</label>
<input type="text" name="title" value="" placeholder="Your title" />
<label for="cars">
Select Cars</label>
<select name="cars" id="cars" multiple>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
<input id="create" type="button" value="CreateDropDown">
<div id="dropdownDiv">
</div>
</form>
</div>
</body>
关于javascript - jQuery 在选择时获取多个选择项值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22034264/