Php 使用可编辑下拉列表发布内容
我制作了一个可编辑的下拉菜单：Php 使用可编辑下拉列表发布内容,php,html,Php,Html,我制作了一个可编辑的下拉菜单： <html> <body> <div style="position:relative;width:200px;height:25px;border:0;padding:0;margin:0;"> <select style="position:absolute;top:0px;left:0px;width:200px; height:25px;line-height:20px;margin:0;padding:0
<html>
<body>
<div style="position:relative;width:200px;height:25px;border:0;padding:0;margin:0;">
<select style="position:absolute;top:0px;left:0px;width:200px; height:25px;line-height:20px;margin:0;padding:0;" onchange="document.getElementById('displayValue').value=this.options[this.selectedIndex].text; document.getElementById('idValue').value=this.options[this.selectedIndex].value;">
<option></option>
<option value="one">one</option>
<option value="two">two</option>
<option value="three">three</option>
</select>
<input type="text" name="displayValue" placeholder="add/select a value" id="displayValue" style="position:absolute;top:0px;left:0px;width:183px;width:180px\9;#width:180px;height:23px; height:21px\9;#height:18px;border:1px solid #556;" onfocus="this.select()">
<input type="hidden" name="idValue" id="idValue">
</div>
</body>
</html>
一
二
三
我想发布添加的值，以便将其包含在下一轮的下拉列表中。我建议您使用
jQuery表单中jQuery AjaxPOST选项$(function() {
$('#form').on('submit', function(e) {
// do not reload the page
e.preventDefault();
// do the posting
var newValue = $('#displayValue').val();
$.post('http://MYURL.com/post.php', {
new_field: newValue
}, function(data) {
// success callback
$('#form > select').append('<option value="'+newValue+'">'+newValue+'</option>');
})
});
})
$（函数（）{
$（'#form'）。关于（'submit'，函数（e）{
//不要重新加载页面
e、 预防默认值（）；
//发帖
var newValue=$（'#displayValue'）.val（）；
$.post（$）http://MYURL.com/post.php', {
新字段：newValue
}，函数（数据）{
//成功回调
$（“#表单>选择”）.append（“”+newValue+“”）；
})
});
})
newValuehttp://MYURL.com/post.phpsuccessselect