在模态中访问data-id

时间:2015-05-20 06:04:23

标签: html jsp modal-dialog

我目前正在为网站创建编辑付款方式用例。这就是场景。

1.每种付款方式都有一个编辑按钮。
2.当用户单击某个方法的编辑按钮时,将显示一个模式,供用户输入并提交付款方式的更改。
3.模式将收到付款方式ID,以区分我必须编辑的付款方式。

目前,我的基础是此代码。 http://jsfiddle.net/4XJ54/279/

<input type="text" name="bookId" id="bookId" value="" />

正如您所看到的,当用户点击按钮时,它会显示data-id的值。
我需要做的是执行href={data-id}.htm但我不知道如何推荐以这种方式使用该值,因为它与输入表单一起使用。

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

这个怎么样:

$("button.btn-primary").on("click", function (e) {

    e.preventDefault();

    var _self = $(this);

    var myBookId = $(".open-AddBookDialog").attr('data-id',$("#bookId").val());
    var $modal=$(".open-AddBookDialog").attr('href');
    $(".open-AddBookDialog").attr('href',$("#bookId").val()+".htm");
    $($modal).modal('hide');
});

DEMO