Html Framework7智能选择显示所选项目

我有一个小聪明的选择：

<div class="list-block">
    <ul>
        <li>
            <a href="#" class="item-link smart-select" data-back-on-select="true" data-open-in="popup">
                <select name="projects" id="projects">
                  <option value="0" selected>Please choose...</option>
                  <option value="1" >House build</option>
                </select>
                <div class="item-content">
                    <div class="item-inner">
                        <div class="item-title">Aufträge</div>
                    </div>
                </div>
            </a>
        </li>
    </ul>
</div>

---

嗯，我以前碰到过这个。从cookie中选择值后，必须更新

项目标题

类：

详情如下：

// Select your value
$$("#projects").val(getCookie("timerTasks"));

// Selected value text
var selected_text = $$("#projects").find("option:selected").text();

// Change item-title
$$("#projects").parent().find('.item-title').html(selected_text);

一行：

$$("#projects").val(getCookie("timerTasks")).parent().find('.item-title').html($$("#projects").find("option:selected").text());

---

你可以看到，我想知道为什么它还没有修好。

嗯，我以前遇到过这个。从cookie中选择值后，必须更新

项目标题

类：

详情如下：

// Select your value
$$("#projects").val(getCookie("timerTasks"));

// Selected value text
var selected_text = $$("#projects").find("option:selected").text();

// Change item-title
$$("#projects").parent().find('.item-title').html(selected_text);

一行：

$$("#projects").val(getCookie("timerTasks")).parent().find('.item-title').html($$("#projects").find("option:selected").text());

---

你可以在那里看到，我想知道为什么它还没有被修复。

@tinyCoder几乎正确，只是你需要更新

。item after

，而不是

。item title

.item title

是智能选择的“标签”，而

.item after

显示所选值

另外，由于

.html（）

将呈现html，我们只需要文本，因此我认为使用

.text（）

更合适。所以，我的一行应该是这样的：

$$("#projects").val(getCookie("timerTasks")).parent().find('.item-after').text($$("#projects").find("option:selected").text());

---

Framework7 v1.6.5（2017年9月）

@tinyCoder几乎正确，只是您需要更新

.item after

，而不是

。item title

.item title

是智能选择的“标签”，而

.item after

显示所选值

另外，由于

.html（）

将呈现html，我们只需要文本，因此我认为使用

.text（）

更合适。所以，我的一行应该是这样的：

$$("#projects").val(getCookie("timerTasks")).parent().find('.item-after').text($$("#projects").find("option:selected").text());

---

Framework7 v1.6.5（2017年9月）

对于此时需要此答案的人，

查找（“选项：选定”）

不再适用于此目的。改用

find（“选项：选中”）

最终代码是

$$("#projects").val(getCookie("timerTasks")).parent().find('.item-title').html($$("#projects").find("option:checked").text());

---

对于此时需要此答案的用户，

find（“选项：selected”）

不再适用于此目的。改用

find（“选项：选中”）

最终代码是

$$("#projects").val(getCookie("timerTasks")).parent().find('.item-title').html($$("#projects").find("option:checked").text());

---

谢谢你的更新，Tommy，我现在离Framework7太远了，我真的不知道最近的新闻，是兼容性问题让我变成了本地人。谢谢你的更新Tommy，我现在离Framework7太远了，我真的不知道最近的新闻，是兼容性问题让我变成了本地人。