我想从下拉菜单栏中选择多个元素,并在下一个文本框中显示它,而无需提交表单?如何从PHP中的下拉菜单中获取数据?
假设我在下拉菜单中显示“汽车,狗,鼠,自行车,电视,冰箱等等”元素。我想选择汽车,自行车,电视,冰箱,并在下一个文本区域获取数据,而不必进入新的页面,即我只想从下拉框中显示用户选择的项目。
我想从下拉菜单栏中选择多个元素,并在下一个文本框中显示它,而无需提交表单?如何从PHP中的下拉菜单中获取数据?
假设我在下拉菜单中显示“汽车,狗,鼠,自行车,电视,冰箱等等”元素。我想选择汽车,自行车,电视,冰箱,并在下一个文本区域获取数据,而不必进入新的页面,即我只想从下拉框中显示用户选择的项目。
看看这是你想要的
<select id="select" multiple>
<option value="1">car</option>
<option value="2">dog</option>
<option value="3">rat</option>
<option value="4">bike</option>
</select>
<textarea id="txt1"></textarea>
您的JS:
$(document).ready(function(){
$("#select")
.change(function() {
var str = "";
$("select option:selected").each(function() {
str += $(this).text() + " ";
});
$("#txt1").text(str);
})
.change();
});
不要忘了包括jquery.js和文件
欢迎来到StackOverflow!正如评论中所述,为了更好的回答,尝试提供您已有的方法,因为有多种方法可以回答这类问题。
说了这么多,这应有助于:
$('.dropdown').on('change', function() {
var value = $(".dropdown").val();
$('textarea').val(value); //insert string into textarea
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="dropdown" multiple>
<option>Rock</option>
<option>Paper</option>
<option>Scissors</option>
<option>Lizard</option>
<option>Spock</option>
</select>
<textarea></textarea>
这是使用jQuery,所以记得要包括jQuery的文件。
我认为微小的修改必须在您的代码中完成..您需要添加更改函数的选择..不是只要Dom加载.. –
@GuruprasadRao感谢您的反馈,我已经改变了我的代码,以迎合这一点。 –
随时buddy .. :) –
分享你试过的东西 –
我还没有尝试过任何东西。 –
SO不是免费的编码服务,请尝试自己并编辑您的问题以包含您的尝试。 – Epodax