在Javascript的下拉列表中隐藏对象

在Javascript的下拉列表中隐藏对象,javascript,jquery,html,drop-down-menu,dropdown,Javascript,Jquery,Html,Drop Down Menu,Dropdown,我最近发布了一个问题,得到了回答(谢谢你们的帮助!!),如果有人能帮助我,我会继续跟进 我想看看是否有可能在Javascript的下拉列表中隐藏某些元素。代码如下: <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <br> <p>The price is: <span id="price_selected">

我最近发布了一个问题,得到了回答(谢谢你们的帮助!!),如果有人能帮助我,我会继续跟进

我想看看是否有可能在Javascript的下拉列表中隐藏某些元素。代码如下:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<br>
<p>The price is: <span id="price_selected"></span></p>
<script language="JavaScript">
$("option[value='124']").html('1 Box [$12.95]')
$("option[value='125']").html('2 per Case [$22.95]')
$("option[value='126']").html('6 per Case [$62.95]')


$('select').on('change',function(){
str = $("option:selected").html()
var n = str.indexOf("$");
var nx = str.indexOf("]");
var price = str.substring(n+1,nx);

$('#price_selected').html("$"+price);
});
</script>


价格为:

$(“option[value='124']”)html('1框[$12.95]')) $(“option[value='125']”).html('每个案例2个[$22.95]')) $(“option[value='126']”)html('6/箱[$62.95]')) $('select')。在('change',function()上{ str=$(“选项:选定”).html() var n=str.indexOf($); var nx=str.indexOf(“]”); var价格=str.substring(n+1,nx); $('price#u selected').html(“$”+price); });
在这段代码中,我可以隐藏价格以便它们不会显示在下拉列表中吗?例如,下拉列表将显示“1框”,但将输出“价格为:“12.95”。此外,是否可以在页面加载后立即显示“价格为:12.95”(第一个选项)?目前,在单击下拉列表之前,它仅显示“价格为:”

我刚刚注册了这个论坛,所以如果有任何含糊不清的地方,我深表歉意。谢谢

编辑:

如果我在帖子中包含此内容,可能会更有帮助。这是下拉框的HTML,但它是自动生成的,我无法修改:

<SELECT name="SELECT___TK46BW___9"   onChange="change_option('SELECT___TK46BW___9',this.options[this.selectedIndex].value)">
<OPTION value="124" SELECTED>1 Box</OPTION>
<OPTION value="125" >2 per Case [Add $10.95]</OPTION>
<OPTION value="126" >6 per Case [Add $50.00]</OPTION>
</SELECT>

1盒
每宗2元[另加$10.95]
每宗6元[另加$50.00]

这里有一种方法。使用
数据属性(
数据价格
)将价格添加到每个
选项
,然后检索该数据

我还按照您的要求添加了加载时的选定价格

$([option[value='124']).html('1框')。数据('price','12.95');
$(“option[value='125'])html('2/箱')。数据('price','22.95');
$(“option[value='126']).html('6/箱')。数据('price','62.95');
$('select')。在('change',function()上{
str=$(“选项:选定”).data('价格')
$('price_selected').html(“$”+str);
});
//负载运行
$(“#price_selected”).html(“$”+$(“select option:selected”).data('price');


选择一个金额:

价格为:

您是否可以将您的
元素添加到代码中?似乎缺少一些HTML。我可以问一下您为什么要用JavaScript设置
文本吗?我有一个HTML通用下拉框,但不幸的是,它是由我使用的平台生成的,我无法修改它。太棒了。非常感谢您!