引導：負載模式使用AJAX形式PARAM

我一頁一頁有幾種形式的按鈕，像這樣：引導：負載模式使用AJAX形式PARAM

<form name="openconfirm"> 
    <input type="hidden" name="itemid" value="123"> 
    <button type="submit" class="btn btn-sm btn-success ">Item 123</button> 
</form> 
<form name="openconfirm"> 
    <input type="hidden" name="itemid" value="124"> 
    <button type="submit" class="btn btn-sm btn-success ">Item 125</button> 
</form> 
<form name="openconfirm"> 
    <input type="hidden" name="itemid" value="125"> 
    <button type="submit" class="btn btn-sm btn-success ">Item 125</button> 
</form>

每個按鈕應該打開一個引導模式與瞭解所選項目的詳細信息（這樣的模式？內容應該從遠程頁面已經使用POST通過的itemid PARAM或GET）

加載我相信它應該是這樣的：

<script> 
    $(function(){ 
     $('form[name="openconfirm"]').on('submit', function(){ 
     itemid = itemid input from form; <- Not actual code 
     openModal(#myModal, "file.php?itemid=" + itemid); <- Not actual code 
     }) 
    }) 
</script>

我希望ÿ你可以理解我需要什麼，併爲我提供一些解決方案。我會很感激，如果你能爲我提供實際的代碼，因爲我是JavaScript新手。我願意提供更好的替代品。

非常感謝

來源

2014-03-27 Sharp

爲什麼形式？爲什麼不只是帶ID的簡單按鈕？ –

我可以肯定地使用按鈕，如果這使得它更容易。由於過去的實施，我得到了表格。 – Sharp

與此HTML標記

<button type="button" data-toggle="modal" data-target="#myModal" id="123" class="btn someclass">Item 123</button> 
<button type="button" data-toggle="modal" data-target="#myModal" id="124" class="btn someclass">Item 124</button> 
<button type="button" data-toggle="modal" data-target="#myModal" id="125" class="btn someclass">Item 125</button> 

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> 
    <div class="modal-dialog modal-lg"> 
     <div class="modal-content">LOADED CONTENT</div> 
    </div> 
</div>

這jQuery的

$(function() { 
    $('.someclass').on('click', function() { 
     var itemid = $(this).attr('id'); 
     $(".modal-content").load("/file.php?itemid=" + itemid); 
    }); 
});

http://jsfiddle.net/3dSPw/1/

嘗試目前，這不加載，因爲URL /file.php?itemid=123任何新內容它不存在，但在你的exis上試試丁項目。

來源

2014-03-27 23:24:05

引導：負載模式使用AJAX形式PARAM

回答

相關問題