获取动态添加按钮的价值

时间:2016-11-12 07:38:50

标签: jquery

我正在构建一个简单的问卷调查申请。

我当前的函数检索每个问题的选项并将它们作为按钮附加。我想编写另一个函数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;
&#13;
&#13;

2 个答案:

答案 0 :(得分:4)

  <%= f.select :category, options_for_select(t("my_options").invert, selected: 0), { :class => "selectpicker" } %>

答案 1 :(得分:0)

这是我的小提琴试试这个我没有arr值所以我只取任何随机值。

JSFiddle

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());
});