Question

我有以下html标记：

<div class="wrap_select">
    <span class="select" id="selectdateRange">Today, 25 March, Sun</span>
    <select class="styled" id="dateRange" name="dateRange">
        <option value="25.03.2012">Today, 25 March, Sun</option> // "current"
        <option value="26.03.2012">Tomorrow, 26 March, Fr</option>
        <option value="27.03.2012">27 March, Tu</option>
        <option value="28.03.2012">28 March, We</option>
        <option value="29.03.2012">29 March, Th</option>
    </select>
</div>

<span class="select">包含来自select选项的文字如何获得“当前”选择的价值？

对于上述结果，结果必须为25.03.2012。

Answer 1

var text = $.trim($('#selectdateRange').text());
var theWinner = $('select option').filter(function() {
    return $(this).text() == text;
}).val();

alert(theWinner);

LIVE DEMO

Answer 2

this你想要的是什么吗？

$('.select').html($('.styled option:selected').val());

$('.styled').live('change', function() {
    $('.select').html($(this).val())
});

Answer 3

这是另一种做你想要的方式

function findCurrent() {
    var currentText = $('span').text();
    var currentVal;
    $("select option").each(function(k,v) {
       if($(this).text()==currentText) {
           currentVal = $(this).val();
           return false;
       }
    });
    return currentVal;
}
// Usage
console.log(findCurrent());

Demo

Answer 4

$('.select').text($('#dateRange option:selected').val());

这应该对你有用

根据其他元素获取选项值

4 个答案:

Demo