标签: html-select

如何通过JavaScript 获取当前选定<option>的<select>元素？

答案:var option_user_selection = element.options[element.selectedIndex].text

我正在尝试建立一个填写一个人订单的表单.

<form name="food_select">
    <select name="maincourse" onchange="firstStep(this)">
        <option>- select -</option>
        <option text="breakfast">breakfast</option>
        <option text="lunch">lunch</option>
        <option text="dinner">dinner</option>
    </select>
</form>

我要做的是发送选择对象,从选项菜单和选项标签中的数据中提取名称和文本/值.

function firstStep(element) {
    //Grab information from input element object
    /and place them in local variables
    var select_name = element.name;
    var option_value = element.value;
}

我可以获取名称和选项值,但我似乎无法从select对象中获取text =""或value ="".我只需要用户选择的选项菜单中的文本/值.我知道我可以将它们放在一个数组中,但这没有用

var option_user_selection = element.options[ whatever they select ].text 

我还需要使用传入的select引用,因为它是在我的其余代码中设置的.

稍后,该文本/值将用于提取将动态填充下一个选择表单的XML文档.

我希望能够使用JQuery Select2插件设置select元素的默认/选定值.

我有一个select带有一些选项的元素,但我想要一些不可选择的选项.

基本上它是这样的:

<select>
    <option> CITY 1 </option>
    <option> City 1 branch A </option>
    <option> City 1 branch B </option>
    <option> City 1 branch C </option>
    <option> CITY 2 </option>
    <option> City 2 branch A </option>
    <option> City 2 branch B </option>
    ...
</select>

正如您所看到的,我不希望城市可以直接选择,而只能选择每个城市下的选项.

如何才能完成用户可以点击CITY 1或者CITY 2不会被选中,因此用户被迫选择下面的一个分支？

我有以下HTML:

<select id="dropdown">
    <option>A</option>
    <option>B</option>
    <option>C</option>
</select>

我有字符串"B"所以我想selected在它上面设置属性,所以它将是:

<select id="dropdown">
    <option>A</option>
    <option selected="selected">B</option>
    <option>C</option>
</select>

我将如何在jQuery中执行此操作？

目前我使用jQuery使用以下代码隐藏/显示选择选项.

$("#custcol7 option[value=" + sizeValue + "]").hide();

这在Firefox中运行良好,但在其他浏览器中没有任何好处.如何隐藏Chrome,Opera和IE中的选项？

我有一个列表框,我想减少它的宽度.

这是我的代码:

<select name="wgtmsr" id="wgtmsr" style="width: 50px;">
  <option value="kg">Kg</option>
  <option value="gm">Gm</option>
  <option value="pound">Pound</option>
  <option value="MetricTon">Metric ton</option>
  <option value="litre">Litre</option>
  <option value="ounce">Ounce</option>
</select>

此代码适用于IE 6,但不适用于Mozilla Firefox(最新版本).任何人都可以告诉我如何减少widthFirefox上的下拉列表？

我想创建一个函数,以编程方式在页面上添加一些元素.

假设我想添加一个包含四个选项的下拉列表:

<select name="drop1" id="Select1">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

我怎样才能做到这一点？

我试图在下拉列表中插入图像.我尝试了以下代码,但它不起作用.实现这一目标的最佳方法是什么？

 <select>
  <option value="volvo"><IMG src="a.jpg"HEIGHT="15" WIDTH="15" BORDER="0"align="center">Volvo</option>
  <option value="saab"><IMG src="b.jpg"HEIGHT="15" WIDTH="15" BORDER="0"align="center">Saab</option>
  <option value="mercedes"><IMG src="c.jpg"HEIGHT="15" WIDTH="15" BORDER="0"align="center">Mercedes</option>
  <option value="audi"><IMG src="d.jpg"HEIGHT="15" WIDTH="15" BORDER="0"align="center">Audi</option>
  </select>

我可以在html选项中使用双行文本吗？怎么样？