1

我有 2 页.. 但是我很难从下拉列表中获取 Text 值并将其插入到文本框中，例如这是第 1 页

  • 用户在第 1 页上有 1 个选项可供选择，下面的 jquery 代码通过更改功能激活。

  • 这将根据他们选择的字段加载一个新的下拉列表。

  • 这一切都很好，但我的问题是从新列表中获取新值到关键字文本框中我该怎么做？

    <select id="pick">
<option></option>
 <option>Financial</option>
</select>

<div id="newlist" style="margin-left:180px;">      
</div>

   <input type="text" id="keyword" />
<script>
    $("#pick").change(function () {
      if ($(this).val() == "Financial")
{
         $("#newlist").load('/Listings/service #service');
          $("#keyword").text() = $("#service").text();
      }

  });
</script>

page2 是新列表所在的位置

<select name="service" id="service" style="background-color:red;">
<option>automotive</option>
<option>mechanic</option>
</select>

所以再次 从 Page2 获取下拉列表，但由于某种原因，我无法将该值转移到文本框任何帮助都会很棒..

4

3 回答 3

1

尝试使用val而不是text.

值

.val() 方法主要用于获取输入、选择和文本区域等表单元素的值。在元素的情况下， .val() 方法返回一个包含每个选定选项的数组；如果未选择任何选项，则返回 null。

文本

.text() 方法不能用于表单输入或脚本。要设置或获取 input 或 textarea 元素的文本值，请使用 .val() 方法。要获取脚本元素的值，请使用 .html() 方法。

代码：

 $("#pick").change(function () {
     if ($(this).val() == "Financial") {
        $("#keyword").val($("#service").val());
     }
 });

演示：http: //jsfiddle.net/IrvinDominin/TKeE6/

于 2013-09-19T20:18:13.913 回答
1

据我所知，代码的最后一部分应该在完整事件中执行。

  $("#newlist").load('/Listings/service #service',function(){
          $("#keyword").val($("#service").text());
});

在您的 ajax 请求完成之前，原因#service将不可用。

编辑：正如@tymeJV 正确所说，它应该.val()在文本框中。

于 2013-09-19T20:16:56.930 回答
0

尝试

$("#keyword").val($("#service").val());
于 2013-09-19T20:13:31.177 回答