jqueryを使用して複数選択ドロップダウンリストから選択した値を印刷する方法は？

<html> 
 
<head> 
 
<title>Multi-select</title> 
 
<link rel="stylesheet" type="text/css" href="bower_components/bootstrap/dist/css/bootstrap.min.css"> 
 
<link rel="stylesheet" type="text/css" href="bower_components/bootstrap-multiselect/dist/css/bootstrap-multiselect.css"> 
 
<script type="text/javascript" src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script> 
 
<script type="text/javascript" src="bower_components/bootstrap-multiselect/dist/js/bootstrap-multiselect.js"></script> 
 
</head> 
 
<body> 
 
<select id="example" multiple="multiple"> 
 
    <option value="1">1</option> 
 
    <option value="2">2</option> 
 
    <option value="3">3</option> 
 
    <option value="4">4</option> 
 
    <option value="5">5</option> 
 
</select> 
 
<script> 
 
    $('#example').multiselect({ 
 
    buttonClass: "btn btn-default", 
 
    buttonWidth: "140px", 
 
    }); 
 
</script> 
 
</body> 
 
</html>

これは私のコードです...私は、ドロップダウンリストから選択した値を出力する必要が...どのように私はjqueryのを使用することができます...私は1,2,3のオプションを選択した場合、それはそれを印刷します値

出典

2016-05-03 Sai Rajesh

可能な複製[selectを使用してjqueryのの選択されたオプションのテキストを取得するには？]（http://stackoverflow.com/questions/1391019/how-to-get-the-text-of -the-selected-a-select-using-jquery） – Atula

あなたはselect要素セレクタと一緒に.val()を使用することができます。

コレクションの最初の要素を選択し、複数の（multiple属性が設定されている、すなわち、select要素）である場合には、それが配列を返しますヴァルを含む選択された各オプションのue、またはオプションが選択されていない場合はnull

$('#example').val();

あなたは.join()を使用してCSVにこの配列を変換することができます。

出典

2016-05-03 07:16:08

私はこのコードをvar values = $（ '＃example'）に使用できますか？ –

'$（ '＃example'）。val（）。join（ '、'）' –

この値を別のhtmlファイルに取り込むことは可能ですか？ –

$("#myselect option:selected").text();

の

出典

2016-05-03 07:45:02 John

jqueryを使用して複数選択ドロップダウンリストから選択した値を印刷する方法は？

答えて

関連する問題