好的,我已经创建了自己的下拉框。我有一个Div,在div中我有一个跨度。我需要抓住内跨文本。我怎么做?跨度的文本确实发生了变化。我15岁,所以给我一个休息吧!我需要一些帮助!这是值得纠正的。
<div>
<select id="test_select" style="display:none;">
<option value="1">Graphic Designer</option>
<option value="2">Animator</option>
<option value="7">Announcer</option>
<option value="11">Web Developer</option>
<option value="12">Judge</option>
</select>
</div>
这是需要得到的:
<div class="custom-select">
<span>Select Option</span>
<ul>
</ul>
</div>
答案 0 :(得分:1)
好的,你需要的不仅仅是PHP才能完成这项工作;你也需要JavaScript。
让我们从您的HTML开始。我假设您的渲染输出如下所示,我不会质疑您为什么这样做。
<div id="dropdown">
<span>Option One</span>
<span>Option Two</span>
<span>Option Three</span>
</div>
所以我猜你的HTML。
要将值发布回PHP,您还需要一种方法来捕获可以使用表单发布的输入字段中的选定值。隐藏的输入可能是您的最佳选择。
<input type="hidden" name="dropdown-selection" id="dropdown-selection" />
这就是我们的标记。接下来,您需要从div中获取所选选项并将其粘贴到隐藏字段中。我假设你已经编写了一些东西来渲染你的div看起来和行为完全像下拉(好吧,我会咬人。你为什么这样做?)。
这是使用jQuery的JavaScript代码(我们只在StackOverflow上使用jQuery。开个玩笑;这不是真的。好吧,也许这有点真实)
<script type="text/javascript">
$(function () {
$('#dropdown-selection').val($('#dropdown span:visible').text());
});
</script>
现在,只要您确保隐藏字段包含在回发到目标PHP页面的表单中,您就可以获得span标记的值。
我已经对你如何在这里设置页面做了很多假设。纠正任何不符合现实的部分。