Question

对于熟悉HTML的人来说，这应该很容易，但是我是新手，因此实际上几乎是不可能的。我有一个事件日历短代码，该代码具有distance / radius属性，以显示距某个位置25英里的事件。我要做的就是出于多种原因将25英里设置为用户选择的变量。我认为最好/最简洁的方法是带有提交按钮的范围滑块，但无法弄清楚如何使所有代码变得生动。

functions.php中的我的代码：

function calendar_with_latlng_function( $atts ){
    // Handle default values and extract them to variables
    extract( shortcode_atts( array(
        'near_distance' => 25,
    ), $atts, 'calendar_with_latlng' ) );

    // Need something here so that the slider communicates to change the 
    // default 25. Again, don't really know what I'm doing here, but I hope 
    // I'm headed in the right direction at least. Most of this code I got 
    // from various internet sources.

    // Get the current latlng from the gmw shortcode
    $gmw_current_latlng = do_shortcode( '[gmw_current_latlng]' );

    // Drop that value into the fullcalendar shortcode, and add the default (or passed) distance as well.
    return do_shortcode( '[fullcalendar near='. $gmw_current_latlng .' near_distance='. $near_distance .']' );

以及页面上的代码。我不确定这是否是做到这一点的方法，但是我已经尝试了很多方法：

<form action="" method="GET">
    <input type="range" min="1" max="100" value="25" id="foo" 
    name="distance" onchange='document.getElementById("bar").value = 
    "Distance (miles): 25" + document.getElementById("foo").value;'/>
    <input type="text" name="bar" id="bar" value="Distance (miles): 25" 
    disabled />
    <br />
    <input type=submit value=Submit />
    </form>

请让我知道我可以做些什么来实现这一目标。谢谢

将范围滑块传递给简码

0 个答案: