Wordpress将contenteditable div另存为postmeta表单值

所以我一直在制作自己的自定义下拉框。仅使用divs标记，不使用输入标记

这里是我使用javascript输出的div的一小部分

<div id="select_singledropdown" class="select_singledropdown" contenteditable="false" data-text="Search Here..." name="swp_schedule[0][swp_activity]" value="113 Aliens">113 Aliens</div>

我甚至将javascript代码更新为setattribute（“value”，value）；因此，它看起来非常类似于一个输入框，但没有多少运气

setattribute("value",value); 因此，我的下拉框使用div而不是inputbox的唯一原因是因为很多wordpress模板样式的输入框会影响我的下拉框的布局。我正在努力使它尽可能兼容

---

有什么想法吗？

欢迎来到StackOverflow，祝贺您发布了格式良好的第一个问题。我建议您根据使用“选择”标记，并在必要时使用CSS覆盖Wordpress模板。非常感谢您的建议。但是，我不能使用select标记，因为这将创建一个普通的html下拉框。然而，在我的自定义下拉框中，我刚刚添加了一个隐藏的输入字段，该字段使用main div进行更新，并且可以由WordPress进行解释。感谢您的帮助和反馈。真的很感激。不用担心，很高兴你得到了分类。您可能希望将您的解决方案作为答案发布，以方便其他有相同问题的人。欢迎使用StackOverflow，并祝贺您发布格式良好的第一个问题。我建议您根据使用“选择”标记，并在必要时使用CSS覆盖Wordpress模板。非常感谢您的建议。但是，我不能使用select标记，因为这将创建一个普通的html下拉框。然而，在我的自定义下拉框中，我刚刚添加了一个隐藏的输入字段，该字段使用main div进行更新，并且可以由WordPress进行解释。感谢您的帮助和反馈。真的很感激。不用担心，很高兴你得到了分类。您可能希望将您的解决方案作为一个答案发布，以帮助其他有相同问题的人。

$swpoldschedules = get_post_meta($post_id, $sprefix.'schedule', false);
if(isset($_POST['swp_schedule'])){
//print_r($_POST);
$swpschedules = $_POST['swp_schedule'];
}
if(isset($swpschedules)){
$serialize = serialize($swpschedules);  
$serialize = urlencode($serialize);
$post_id = $post_id;
$meta_key = $sprefix.'schedule';
$meta_value = $serialize;
//$prev_value = $swpoldschedules1;
update_post_meta($post_id, $meta_key, $meta_value /*$prev_value*/);
}
else {
$post_id = $post_id;
$meta_key = $sprefix.'schedule';
$meta_value = '';
update_post_meta($post_id, $meta_key, $meta_value /*$prev_value*/);
}

setattribute("value",value);