相关疑难解决方法(0)

在IE中,下拉列表与dropbox的宽度相同(我希望我有意义),而在Firefox中,下拉列表的宽度根据内容而有所不同.

这基本上意味着我必须确保Dropbox足够宽以显示尽可能长的选择.这使我的页面看起来很难看:(

这个问题有解决方法吗？如何使用CSS为dropbox和下拉列表设置不同的宽度？

我遇到以下问题Chrome:

var items = $("option", obj);  

items.each(function(){

    $(this).click(function(){

        // alert("test");
        process($(this).html());
        return false;
    });
});

这个click事件似乎没有发生Chrome,但是起作用Firefox.

我想能够click一对option元素从一个组合,如果我这样做,而不是另一种元素,可以说,<li>它工作正常.有任何想法吗？谢谢.

使用JQuery或JavaScript,我想检测用户何时选择一个值,即使它们没有更改已经选择的值.

如何实现这一目标？

我试过了 -

$('#MyID').select(function(){ /*my function*/ });

和

$('#MyID').change(function(){ /*my function*/ }); //nothing changing, so this fails

但它们不起作用.

示例 - 我有一个带有年份列表的下拉列表,未选择任何内容,用户选择"1976",我运行一个函数.随着"1976年"选择,用户点击下拉再次选择"1976年" 再一次,我要再次运行该功能.

我一直在寻找这个问题的答案已有一段时间了，最​​大程度上没有运气或错误的解决方案。

我面临的问题是我有一个select元素（显然）在选择已选择的项目时不会触发“ onchange”事件。

像这样：

<select onchange="alert(this.value);">
<option>1</option>
<option>2</option>
<option>3</option>
</select>

现在，说我首先选择项目1。然后，我需要再次选择项目1。

此功能对于我正在从事的项目的成功至关重要。

任何帮助是极大的赞赏。

编辑：（更多信息）

此功能是必需的，因为我正在使用带有谷歌地图的项目进行工作，在该项目中，向用户展示带有下拉菜单的演示文稿以快速跳至某个国家（例如，在下拉菜单中选择“西班牙”，谷歌地图将西班牙设置为视图）。

问题出在您想去西班牙，然后在地图上拖动并最终到达意大利时。现在您想回到西班牙，但是您无法从下拉菜单中选择它，直到您先选择其他东西。我的老板不喜欢这样:)

Edit2：解决方案

因此，现在有一些解决方案。其中之一是将动作模糊处理（当使控件失去焦点时），这可以起作用，因为我可以使onchange列表模糊，但是对于再次选择同一项目的人来说，模糊控件的触发器不会消失，除非他们切换他们自己集中精力，他们不会看到地图的变化。

仍然我不明白，为什么很难找到一些在选项选择/单击/模糊或其他方面引起麻烦的事件。请继续看我自己，然后稍后再回到这里。

编辑3：最终解决方案

没错，所以我终于设法使这项工作变得不尽如人意，但无论如何现在还是足够接近。

我想到的解决方案是在选择的顶部添加“请选择国家”选项。然后，在更改时，我将文本和“请选择国家”的值更改为所选项目的文本，并将所选索引重置为0。这样，例如在选择西班牙时，它将位于页面顶部列出处于禁用状态的列表，然后进一步列出处于工作状态的列表。因此，即使您仍处于选中状态，您也可以点击列表中间的西班牙以返回到西班牙（最上面的一项是

想法很简洁，由同事提供。

脚本如下：

   var dummyOption;
function setdummyCountry(obj)
{
    var selectedOption = obj.options[obj.selectedIndex];
    if (dummyOption != null) {
        dummyOption.text = selectedOption.text;
        dummyOption.value = selectedOption.value;
    }
    else {
        dummyOption = document.createElement("option");
        dummyOption.text = selectedOption.text;
        dummyOption.value = selectedOption.value;
        dummyOption.setAttribute("disabled", "true");
        obj.options[0] = dummyOption;
    }
    obj.selectedIndex = 0;
}

<select onchange="setdummyCountry(this);">
    <option value="">Please select country</option>
    <option value="ES">spain</option>
    <option value="SE">sweden</option>
    <option value="NO">norway</option> …

如何处理选择的折叠事件,或触发更改事件,即使所选选项未更改？

我需要将它用于搜索引擎,如果选择的选项相同,吉祥物仍会移动.搜索引擎位于此页面:http://www.marocpneus.com

例如,如果您继续点击第一个选择"Typedevéhicule"并选择已经选择的"Tourisme",则角色将不会移动到第二个选择.但是,如果您将"Tourisme"更改为其他值之一,则角色确实会使用经典的jQuery更改事件进行移动.

我正在尝试将HTML元素"附加"到textarea中.我想出了如何插入HTML元素:

看到这里-------> jsFiddle <--------

但我无法弄清楚如何APPEND.

这是代码:

HTML

<select id='sel' size='1'>
  <option>&#60;&#62;&#60;&#47;&#62;</option>
  <option>&#60;p&#62;&#60;&#47;p&#62;</option>
  <option>&#60;div&#62;&#60;&#47;p&#62;</option>
  <option>&#60;a&#62;&#60;&#47;a&#62;</option>
  </select><br/><br/>
<textarea id='txtarea'></textarea>

jQuery的

$(document).ready(function() {
  $('select').change(function() {
    $('textarea').html($(this).val());        
  });
});

有谁知道如何将HTML元素文本附加到textarea？我的意思是如果你继续点击"<p> </ p>"项目,它会继续插入另一个项目.

谢谢!!