1

我正在使用“Chosen”插件使选择看起来更好,我的问题是,我如何才能在显示时按顺序获取所选项目的值,表单提交和 val() 都为您提供顺序中的值它是如何被列出的。

http://harvesthq.github.com/chosen/

<!DOCTYPE html>
<html><head><title></title>
<link rel="stylesheet" type="text/css" href="chosen.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script type="text/javascript" src="chosen.jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#CheckValue').click(function() {
        alert($('#test').val());
    });
    $('#test').chosen();
});
</script></head><body>
<?PHP if(isset($_REQUEST['test'])) var_dump($_REQUEST['test']); ?>
<form method='post'>
<select id='test' name='test[]' multiple style='width:200px;'>
    <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><br />
<input type=button id='CheckValue' value='CheckValue' />
<input type=submit value='Submit' />
</form></body></html>
4

2 回答 2

3

在此处输入图像描述

看看图片,你会看到一个 id 为 selTJI_chzn 的 div,其中显示了一些 li 元素。你可以像上面那样做

$(function(){
    var ret = [];
    $('#selTJI_chzn').find('.search-choice').each(function(){
      var selectedValue = $(this).find('span').text();
      ret.push(selectedValue);  
    })
    console.log(ret);
})
于 2012-09-17T02:46:41.273 回答
3

我知道的老问题......但我有同样的问题,遇到了这个小插件,允许简单的获取/设置选择的多选:https ://github.com/tristanjahier/chosen-order

于 2014-01-13T17:50:54.550 回答