使用PHP和AJAX更新select下拉选项
Update select dropdown options with PHP and AJAX
我在HTML上用select标记制作了一个下拉列表。我有一个PHP上的值,这是代码:
已证明的ordinamico.php
<?php
require "config.php";
$distinct1 = "SELECT DISTINCT proveedor FROM techno_articulos";
$distinctquery1 = mysql_query($distinct1,$enlace);
while ($fila1 = mysql_fetch_array($distinctquery1)) {
echo '<option>' . $fila1['proveedor'] . '</option>';
}
?>
index.php
<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
<div id="billdesc">
<select id="test" class="form-control">
<option class="non" value="option1">Option1</option>
<option class="non" value="option2">Option2</option>
<div id="actualizarlistaproveedores"></div>
<option class="editable" value="other">Other</option>
</select>
<input class="editOption" class="form-control" style="display:none;" id="test">
<input type="button" onclick="alertaopciones()">
<script>
function refreshlistaproveedores(){
$('#actualizarlistaproveedores').load('includes/proveedordinamico.php', function(){
setTimeout(refreshlistaproveedores, 100);
});
}
refreshlistaproveedores();
function alertaopciones(){
var alertados = document.getElementById("test").value;
alert(alertados);
}
</script>
<script>
var initialText = $('.editable').val();
$('.editOption').val(initialText);
$('#test').change(function(){
var selected = $('option:selected', this).attr('class');
var optionText = $('.editable').text();
if(selected == "editable"){
$('.editOption').show();
$('.editOption').keyup(function(){
var editText = $('.editOption').val();
$('.editable').val(editText);
$('.editable').html(editText);
});
}else{
$('.editOption').hide();
}
});</script>
</div>
</div>
每100ms加载一次的功能不起作用。有没有办法用PHP的每个值打印<option>
?
我希望你能帮助我,如果你有任何关于代码的问题问我!
我不太确定你想要实现什么,但用这个来代替你的功能:
function refreshlistaproveedores(){
$('#test').load('includes/proveedordinamico.php', function(){
setTimeout(refreshlistaproveedores, 100);
});
}
并删除:
<div id="actualizarlistaproveedores"></div>
select中的Divs无效html
相关文章:
- 无法在Ionic select中预先选择最后一个选项
- 根据select选项元素将表单重定向到不同的URL
- jQuery动态表单显示在select选项上
- 如何将CSS(特别是填充/边距)应用于select下拉菜单的选项或optgroup
- 如何在触发事件后选择select选项
- 当使用select作为标签时,如何使用ng选项禁用angularjs中的选项
- 如何在Javascript中从select标记的一系列选项中构建二维数组
- jQuery:根据select选项中的每页项目进行分页
- Angularjs-设置不带ng选项的select的默认值
- HTML SELECT-使用JavaScript按VALUE更改所选选项
- 需要将select标记选项值传递给ajax函数
- 单击select'时将数组行回显到文本区域中;s选项
- 使用JavaScript删除多个select选项
- 使用select选项转换时间.使用javascript
- 如何在选项select上使用jquery自动完成进行回发
- 为选项select设置多个值,并使用jQuery获取这些值
- AngularJS的默认选项select在IE9中不起作用
- 修改选项(select)元素的值
- Jquery选择器抛出选项(select)错误
- 在AngularJS中使用ng选项和选项select