如何从动态<select>选项中了解select id?

时间:2015-10-20 01:04:42

标签: javascript php jquery select

我正在建立一个拥有超过30个选择&#39;的动态网上商店。 &#39;选项&#39;在我的页面中。       在每个&#39;选择&#39;我也有动态价值观。       每个值都显示为一个&#39;选项&#39; &lt; select class =&#34; form-control&#34; ID =&#34; SEH的&#34;名称=&#34; EH&#34;&GT;   &lt; option value =&#34; 10&#34;&gt; Karton 10 x 1.00 kg&lt; / option&gt;   &lt; option value =&#34; 1.00&#34;&gt; Verkoopeenheid 1.00 kg&lt; / option&gt;   &lt; option value =&#34; 1&#34;选择=&#34;&#34;&gt;每公斤&lt; /选项&gt; &LT; /选择&GT; 当我点击&#39;选择&#39;并选择了一个&#39;选项&#39;,我想将selectIndex显示为隐藏的输入类型文本。 &lt;输入名称=&#34; si&#34; value =&#34; **?我想要索引?**&#34;类型=&#34;隐藏&#34;&GT; 我希望使用此功能让登录用户记住上次使用的选项&#39;当他们回来再次登录时 有人可以帮帮我吗? **更新** &lt; form class =&#34; form-item&#34;&gt; &lt; select class =&#34; form-control&#34; ID =&#34; SEL_1&#34;名称=&#34; seleh&#34;&GT;   &lt; option value =&#34; 8&#34;&gt; Karton 8 x 1.05 kg&lt; / option&gt;   &lt; option value =&#34; 1.05&#34;&gt; Verkoopeenheid 1.05 kg&lt; / option&gt;   &lt;选项值=&#34; 1&#34;&gt;每公斤&lt; /选项&gt; &LT; /选择&GT; &lt; input name =&#34; newsid&#34; ID =&#34; newsid_1&#34;值=&#34;&#34;类型=&#34;文本&#34;隐藏&GT; &lt; button type =&#34;提交&#34; class =&#34; btn btn-primary&#34;&gt;添加&LT; /按钮&GT; &LT; /形式&GT; 这是我表单的输出 在jquery部分下面...它可以工作,但它影响所有输入#newsid_#number# 我只想影响属于select#的输入#newsid_# 当我在select#sel_4中clik或进行更改时,我希望输入#newsid_4中显示所选项目的val。 &LT;脚本&GT; $(&#34; select.form控制&#34)。单击(函数(){   var selectedText = $(this).find(&#34; option:selected&#34;)。val();   var news = $(this).find(&#39; input [id ^ = newsid _]&#39;)。text();   $(&#39;输入[id ^ = newsid _]&#39;)。attr(&#34; value&#34;,selectedText); }); &LT; /脚本&GT;

1 个答案:

答案 0 :(得分:0)

简单,只需绑定到change事件,然后使用jQuery获取“option:selected”选择器。那是你需要的吗?

$("select.form-control).change(function(){

     var selectedText = $(this).find("option:selected").text();//the selected text

      $("#myHiddenField").attr("value", selectedText); //apply to hidden field  
});

此外,如果选择列表将在页面加载后动态构建,则以这种方式绑定:

这将绑定到al current和FUTURE选择列表。

  $(document)on("change", "select", function(){

     var selectedText = $(this).find("option:selected").text();//the selected text

      $("#myHiddenField").attr("value", selectedText); //apply to hidden field  
});

没有理由做你发布的下面的一些代码。将其更改为以下内容:

<script>
$("select.form-control").click(function(){

  var selectedText = $(this).find("option:selected").val();
  var $newsElement = $(this).find('input[id^=newsid_]');

  $newsElement.attr("value", selectedText);  
});