Question

我有一个bootstap popover，里面是一个表单。在表格内部我有一个范围输入。我可以在控制台中看到值的变化。但是我无法将值附加到元素。

在GSP页面中，

for I := 0 to nc-1 do
  cmp[i] := Component.Create; // <-- HERE!

在Jquery，

<div id="optionsContainer">
        <ul class="list-unstyled">
            <li><a data-placement="left" data-toggle="popover"
                data-title="Options" data-container="body" type="button"  
                data-html="true" href="#" id="login"></br><span><i class="fa fa-info-circle fa-2x" aria-hidden="true"></i></span>&nbsp &nbsp</a></li>
        </ul>
        <div id="popover-content" class="hide">
        <form action="xxx/index" method="post" >

                    <label>fade time: </label>
                    <label id="fadeTimeText"></label><br/>
                    <input type="range" id="fadeTime" name="fadeTime"  min="15" max="300" onchange="updateNumberSliderLabel('fadeTime');" oninput="updateNumberSliderLabel('fadeTime');"><br/>
        </form>

在fadeTimeText div中，它总是获得Hello World

在控制台中， sliderId fadeTime ------------ sliderValue 250

它不会改变fadeTimeText div的值。任何帮助将非常感激。干杯

Answer 1

我找到了这个问题的答案，只是我必须明确说出

$(".popover-content #" + sliderId + "Text").text(sliderValue);

现在更新功能如下，

function updateNumberSliderLabel(sliderId) {
    var sliderValue = $(".popover-content #" + sliderId).val();
    if (typeof sliderValue === "undefined") {
        //sliderValue = $("#" + sliderId + "Text").html()//document.getElementById(sliderId).value;
        //$("#" + sliderId + "Text").text("Hello World");
        $(".popover-content #" + sliderId + "Text").text("Hello World");

    }else{
        $(".popover-content #" + sliderId + "Text").text(sliderValue);
    }

}

无法在bootstrap popover中显示范围值更改

1 个答案: