Доступ к идентификатору данных в модальном

Question

В настоящее время я создаю вариант использования способа редактирования для веб-сайта. Это сценарий.

1. Существует кнопка редактирования для каждого способа оплаты.
2. Когда пользователь нажимает кнопку редактирования для метода, появится модальный способ ввода и отправки изменений для способа оплаты.
3. Модаль получит идентификатор метода оплаты, чтобы отличить, какой метод оплаты мне нужно отредактировать.

В настоящее время я основываю его на этом коде. http://jsfiddle.net/4XJ54/279/

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

Как вы можете видеть, когда пользователь нажимает на кнопку, он показывает значение данных идентификатором.
Что мне нужно сделать, это выполнить href={data-id}.htm, но я не знаю, как ссылаться на это значение таким образом, потому что оно используется вместо входной формы.

Благодарим за помощь.

Answer 1

Как об этом:

$("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