gpt4 book ai didi

javascript - 将 Bootstrap 下拉列表中的选定值传递到 Shiny 中的 server.R

转载 作者:行者123 更新时间:2023-11-27 23:06:34 24 4
gpt4 key购买 nike

我使用带有 Bootstrap 下拉列表的 index.html 开发了 UI:

<!DOCTYPE html>
<html>
<head>
<script src="jquery.min.js"></script>
<script src="shared/shiny.js" type="text/javascript"></script>
<script src="bootstrap-3.3.6-dist/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="bootstrap-3.3.6-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="shared/shiny.css" type="text/css" />
</head>
<body>
<div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown"> Selection<span class="caret"></span></button>
<ul id="selected" class="dropdown-menu">
<li><a href="#">Option 1</a></li>
<li><a href="#">Option 2</a></li>
</ul>
</div>
<div>
<pre id="selection" class="shiny-text-output"></pre>
</div>
</body>

我想通过将下拉列表中选定的值传递给 server.R 来使用它,然后在 UI 中打印出来。服务器。R:

shinyServer(function(input, output) {
# print selected option
output$selection <- renderPrint({
print(input$selected)
})
})

我可以使用基本的 Shiny 小部件来做到这一点,但我想尝试不同的方式。我还可以使用更基本的 HTML 选择类型:

<select name="selected">
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
</select>

据我所知,使用 value="" 将所选值传递给 server.R。但我想知道如何使用 Bootstrap 按钮类来做到这一点。我是否需要将点击事件绑定(bind)到所选的li并将所选文本传递给server.R。如果是这样我该怎么做?

最佳答案

不是完整的答案,但我认为它对你有帮助。

1) 参见Shiny.onInputChange(

2)你需要在js中使用它,比如

$(document).ready(function () {
$('#selected').on('change', function () {
Shiny.onInputChange('selected',$(this).attr('value') );
})
})

3)您可以在服务器端使用它observeEvent(input$selected,...

关于javascript - 将 Bootstrap 下拉列表中的选定值传递到 Shiny 中的 server.R,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36532344/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com