Javascript 使用jquery mobile设置选择标记的选项

HTML

<table>
    <tr>
        <td style="align-content: center">
            <select id="start-lunch-hour" data-native-menu="false" data-overlay-theme="d" data-theme="b" name="start-time-hour" tabindex="-1" data-inline="true" data-icon="false">
                <option value="13">--</option>
                <option value="1">01</option>
                <option value="2">02</option>
                <option value="3">03</option>
                <option value="4">04</option>
                <option value="5">05</option>
                <option value="6">06</option>
                <option value="7">07</option>
                <option value="8">08</option>
                <option value="9">09</option>
                <option value="10">10</option>
                <option value="11">11</option>
                <option value="12" selected="selected">12</option>
            </select>
        </td>
        <td style="align-content: center">
            <fieldset data-role="controlgroup" data-type="horizontal">
                <select id="start-lunch-minute-digit1" data-native-menu="false" data-overlay-theme="d" data-theme="b" name="start-time-minute-digit1" tabindex="-1" data-scroll="true" data-inline="true" data-icon="false">
                    <option value="13">--</option>
                    <option value="0" selected="selected">0</option>
                    <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>
                <select id="start-lunch-minute-digit2" data-native-menu="false" data-overlay-theme="d" data-theme="b" name="start-time-minute-digit2" tabindex="-1" data-scroll="true" data-inline="true" data-icon="false">
                    <option value="13">--</option>
                    <option value="0" selected="selected">0</option>
                    <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>
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8</option>
                    <option value="9">9</option>
                </select>
            </fieldset>
        </td>
    </tr>
</table>

有三个选项（属性值与显示的文本相同） 开始时间小时 选择权 --,0,1,2.....9 开始时间分钟数字1 选择权 --,0,1,...5 开始时间分钟数字2 选择权 --，0,1,2….9

将其中任何一项更改为“-”选项时，其他两项必须更改为“-”。

---

我写了上面的函数。调试显示值已更改，但页面上的显示文本未更新。目前在.net C#mvc3中使用jQuery mobile。

这就足够了：

if (data == 13) {
    $("#start-time-minute-digit1, #start-time-minute-digit2").val(13);
}

您的“#”选择器错误，应为：

$('#start-lunch-hour')

或：

---

这就足够了：

if (data == 13) {
    $("#start-time-minute-digit1, #start-time-minute-digit2").val(13);
}

您的“#”选择器错误，应为：

$('#start-lunch-hour')

或：

---

只需将id的

start-time-minute-digit1

更改为

start-sunch-minute-digit1

，

start-time-minute-digit2

更改为

start-sunch-minute-digit2

和

start-time-hour

更改为

开始午餐时间

---

只需将id的

start-time-minute-digit1

更改为

start-午餐-minute-digit1

，

start-time-minute-digit2

更改为

start-午餐-minute-digit2

和

start-time-hour

更改为

开始午餐时间

---

您可以这样做：

function setSelectedOption(selectID, valueToSelect){

    $("#" + selectID + " option[value='" + valueToSelect + "']").attr('selected', 'selected');    
    $("#" + selectID).selectmenu('refresh');
}

$("#start-lunch-hour").change(function () {
    var data = $(this).val();     
    if (data == 13) {
        setSelectedOption("start-lunch-minute-digit1",13);   
        setSelectedOption("start-lunch-minute-digit2",13);   
    } 
});

在这里演奏小提琴：

---

我希望这能有所帮助。

您可以这样做：

function setSelectedOption(selectID, valueToSelect){

    $("#" + selectID + " option[value='" + valueToSelect + "']").attr('selected', 'selected');    
    $("#" + selectID).selectmenu('refresh');
}

$("#start-lunch-hour").change(function () {
    var data = $(this).val();     
    if (data == 13) {
        setSelectedOption("start-lunch-minute-digit1",13);   
        setSelectedOption("start-lunch-minute-digit2",13);   
    } 
});

在这里演奏小提琴：

---

我希望能有所帮助。

@sapatelbaps Ya，只需使用相应的ID，而不是无关的ID。当我刷新页面文本时，您应该尝试理解您在我的页面中使用的代码。..。@A.Wolff会自动更新，而不是在我更改选择选项时立即更新。顺便说一句，谢谢你的帮助。我该怎么办？对不起，在我的帖子中，我用的“午餐”绝对不是代码。我的第一个问题是复制粘贴错误。问题仍然存在-在我的页面中，只有当我刷新其他两个选择的页面文本时，才会自动更新，而不是在我更改选择选项时立即更新。谢谢。@sapatelbaps-Ya，请使用相应的ID，而不是不相关的ID。当我刷新页面文本时，您应该尝试理解您在我的页面中使用的代码。..。@A.Wolff会自动更新，而不是在我更改选择选项时立即更新。顺便说一句，谢谢你的帮助。我该怎么办？对不起，在我的帖子中，我用的“午餐”绝对不是代码。我的第一个问题是复制粘贴错误。问题仍然存在-在我的页面中，只有当我刷新其他两个选择的页面文本时，才会自动更新，而不是在我更改选择选项时立即更新。谢谢。对不起，在我的帖子中，我用的“午餐”绝对不是代码。我的第一个问题是复制粘贴错误。问题仍然存在-在我的页面中，只有当我刷新其他两个选择的页面文本时，才会自动更新，而不是在我更改选择选项时立即更新。谢谢让我试试。你的小提琴只有一个选择。请更新它。我使用完全相同的主题等，只需再添加两个选择n给我溶胶。谢谢你help@sapatelbaps：：现在看我的答案，最新的小提琴链接就是你要找的吗？？？你是摇滚人-它工作得很完美。非常感谢@Maverickosama92抱歉，在我的帖子中，我使用了“午餐”这个词，但代码中绝对没有。我的第一个问题是复制粘贴错误。问题仍然存在-在我的页面中，只有当我刷新其他两个选择的页面文本时，才会自动更新，而不是在我更改选择选项时立即更新。谢谢让我试试。你的小提琴只有一个选择。请更新它。我使用完全相同的主题等，只需再添加两个选择n给我溶胶。谢谢你help@sapatelbaps：：现在看我的答案，最新的小提琴链接就是你要找的吗？？？你是摇滚人-它工作得很完美。非常感谢@Maverickosama92抱歉，在我的帖子中，我使用了“午餐”这个词，但代码中绝对没有。我的第一个问题是复制粘贴错误。问题仍然存在-在我的页面中，只有当我刷新其他两个选择的页面文本时，才会自动更新，而不是在我更改选择选项时立即更新。谢谢。对不起，在我的帖子中，我用的“午餐”绝对不是代码。我的第一个问题是复制粘贴错误。问题仍然存在-在我的页面中，只有当我刷新其他两个选择的页面文本时，才会自动更新，而不是在我更改选择选项时立即更新。谢谢