我正在构建一个简单的问卷调查申请。
我当前的函数检索每个问题的选项并将它们作为按钮附加。我想编写另一个函数preparefornextquestion来提醒任何按钮被选中的值。当前的那个似乎没有获得点击的任何一个的价值。 :(
$('#option_one').append("<button data-role='button' class='option' data-inline='true' data-mini='true' data-theme='b' onclick='preparefornextquestion()' value='" + arr[0].option_one + "'>" + arr[0].option_one + "</button>").trigger('create');
$('#option_two').append("<button data-role='button' class='option' data-inline='true' data-mini='true' data-theme='b' onclick='preparefornextquestion()' value='" + arr[0].option_two + "'>" + arr[0].option_two + "</button>").trigger('create');
$('#option_three').append("<button data-role='button' class='option' data-inline='true' data-mini='true' data-theme='b' onclick='preparefornextquestion()' value='" + arr[0].option_three + "'>" + arr[0].option_three + "</button>").trigger('create');
function preparefornextquestion(){
$(document).ready(function() {
$('.option').click(function() {
alert($(this).attr("value"));
});
});
}
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="option_one"></div>
<div id="option_two"></div>
<div id="option_three"></div>
&#13;
答案 0 :(得分:4)
<%= f.select :category, options_for_select(t("my_options").invert, selected: 0), { :class => "selectpicker" } %>
答案 1 :(得分:0)
这是我的小提琴试试这个我没有arr值所以我只取任何随机值。
HTML代码 -
<div id="option_one"></div>
<div id="option_two"></div>
<div id="option_three"></div>
JAVASCRIPT代码 -
$('#option_one').append("<button data-role='button' class='option' data-inline='true' data-mini='true' data-theme='b' value='" + 1 + "'>" + 1 + "</button>");
$('#option_two').append("<button data-role='button' class='option' data-inline='true' data-mini='true' data-theme='b' value='" + 2 + "'>" + 2 + "</button>");
$('#option_three').append("<button data-role='button' class='option' data-inline='true' data-mini='true' data-theme='b' value='" + 3 + "'>" + 3 + "</button>");
$('body').on('click','.option',function(){
alert($(this).val());
});