Question

我有一个像这样的选择：

<th>Departure Transport</th>
<td><select id="departuretransport" class="easyui-combobox" data-options="required:true,prompt:'-Select-',value:''">
                <option value="P">Private Transportation</option>
                <option value="Y">York Mills</option>
                <option value="H">Highway 9</option>
                <option value="S">Sheryway Gardens</option>
                <option value="B">Barrie</option>
                <option value="D">Day Bus</option>
    </select>
</td>

但无法从所选选项中获取值，如下所示：

var dp = $('#departuretransport option:selected').val();
var rp = $('#returntransport option:selected').val();

                    $.ajax({
                        data : {
                            dp : dp,
                            rp : rp,

找到解决方案：添加＆＃34; valueField：＆＃39; id＆＃39;在数据选项

<td><select id="returntransport" class="easyui-combobox" data-options="valueField: 'id',required:true,prompt:'-Select-',value:''">
                <option value="P">Private Transportation</option>
                <option value="Y">York Mills</option>
                <option value="H">Highway 9</option>
                <option value="S">Sheryway Gardens</option>
                <option value="B">Barrie</option>
                <option value="D">Day Bus</option>
        </select>

然后得到这样的价值：

    var dp = $('#departuretransport').combobox('getValue');
    var rp = $('#returntransport').combobox('getValue');

Answer 1

我在fiddle上模拟了您的代码，但无法解决您的问题。

$('#departuretransport')
.on('change', function(){
    // duplicate selector for simulating problem
    alert($('#departuretransport option:selected').val());
});

Answer 2

很容易就可以像这样使用它

var dp = $('#departuretransport').val();
var rp = $('#returntransport').val();

Answer 3

找到解决方案：添加＆＃34; valueField：＆＃39; id＆＃39;在数据选项

私人交通约克米尔斯 9号公路 Sheryway Gardens 巴里一日巴士

然后得到这样的价值：

                var dp = $('#departuretransport').combobox('getValue');
                var rp = $('#returntransport').combobox('getValue');

EasyUI Jquery从所选选项中获取价值

3 个答案: