3
我需要一些幫助,我的表格在表格中。 的代碼看起來是這樣的:在引導表中添加行錯誤
<div class="col-md-6">
<table class="table">
<tbody id="request_profile_language_table">
<tr>
<td id="request_profile_languages">
@isset($requestProfile)
@foreach($requestProfile->languages as $index=>$requestProfileLanguage)
<select {{ (FALSE == $canEdit) ? 'readonly':'' }} class="form-control form-select" id="{{ 'request_profile_language_'.$index }}" name="{{ 'request_profile_language_'.$index }}" placeholder="Language">
@foreach($languages as $r=>$language)
<option {{ ($language->name == $requestProfileLanguage->language->name) ? 'selected':'' }} value="{{ $language->value }}" >{{ $language->name }}</option>
@endforeach
</select>
@endforeach
@else
<select {{ (FALSE == $canEdit) ? 'readonly':'' }} class="form-control form-select" id="request_profile_language_0" name="request_profile_language_0" placeholder="Language">
@foreach($languages as $r=>$language)
<option {{ ($language->name == 'English') ? 'selected':'' }} value="{{ $language->value }}" >{{ $language->name }}</option>
@endforeach
</select>
@endisset
</td>
<td id="request_profile_language_levels">
@isset($requestProfile)
@foreach($requestProfile->languages as $index=>$requestProfileLanguage)
<select {{ (FALSE == $canEdit) ? 'readonly':'' }} class="form-control form-select" id="{{ 'request_profile_language_level_'.$index }}" name="{{ 'request_profile_language_level_'.$index }}" placeholder="Language level">
@foreach($languageLevels as $r=>$languageLevel)
<option {{ ($languageLevel->name == $requestProfileLanguage->languageLevel->name) ? 'selected':'' }} value="{{ $languageLevel->value }}" >{{ $languageLevel->name }}</option>
@endforeach
</select>
@endforeach
@else
<select {{ (FALSE == $canEdit) ? 'readonly':'' }} class="form-control form-select" id="request_profile_language_level_0" name="request_profile_language_level_0" placeholder="Language level">
@foreach($languageLevels as $r=>$languageLevel)
<option {{ ($languageLevel->name == 'Intermediate') ? 'selected':'' }} value="{{ $languageLevel->value }}" >{{ $languageLevel->name }}</option>
@endforeach
</select>
@endisset
</td>
<td id="request_profile_language_remove">
@isset($requestProfile)
@foreach($requestProfile->languages as $index=>$requestProfileLanguage)
@if(0 == $index)
<button class="glyphicon glyphicon-remove form-control" id="{{ 'request_profile_language_remove_'.$index }}" readonly/>
@else
<button class="glyphicon glyphicon-remove form-control" id="{{ 'request_profile_language_remove_'.$index }}" name="{{ 'request_profile_language_remove_'.$index }}" onclick="return deleteLanguage(this)"/>
@endif
@endforeach
@else
<button class="glyphicon glyphicon-remove form-control" readonly/>
@endisset
</td>
</tr>
</tbody>
</table>
</div>
<div class="col-md-3">
<ul class="list-unstyled" id="button_list">
<li>
<button class="btn btn-success btn-small" id="add_new_language">Add New Language</button>
</li>
</ul>
</div>
</div>
我嘗試過和<td>
後放置<select>
甚至我試圖把一切都在@isset 2個街區。似乎沒有任何工作。 而我的方法添加一個新行是這樣的:
<script>
function addNewLanguage() {
var count = $('#request_profile_languages').children('tr').length;
var select_language = $('#request_profile_languages')
.children().first()
.children().first()
.clone()
.attr('id', idRequestProfileLanguage.concat(count))
.attr('name', idRequestProfileLanguage.concat(count));
var select_language_level = $('#request_profile_language_levels')
.children().first()
.children().first()
.clone()
.attr('id', idRequestProfileLanguageLevel.concat(count))
.attr('name', idRequestProfileLanguageLevel.concat(count));
var remove_language = $('<button />')
.addClass("glyphicon")
.addClass("glyphicon-remove")
.addClass("form-control")
.prop('id', idRequestProfileLanguageRemove.concat(count))
.prop('name', idRequestProfileLanguageRemove.concat(count))
.on('click', function() {
select_language.remove();
select_language_level.remove();
remove_language.remove();
event.preventDefault();
});
$('#request_profile_language_table').append($('<tr>').append($('<td>').append(select_language), $('<td>').append(select_language_level), $('<td>').append(remove_language)));
}
</script>
從不管什麼原因,當增加一排,設置像<option>
從<td>
並沒有像整個<select>
,因爲我想和它最後看起來像this.
我在做什麼錯?